From f6e6fb255d1ea01c5146d71ac09d64940feb2e4b Mon Sep 17 00:00:00 2001 From: Jonathan Date: Sun, 19 Apr 2026 20:44:57 +0200 Subject: [PATCH] =?UTF-8?q?fix:=20hero=20lockup=20=E2=80=94=20Fenja=20word?= =?UTF-8?q?mark=20scale=20and=20colour?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/ProjectLockup.astro | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) diff --git a/src/components/ProjectLockup.astro b/src/components/ProjectLockup.astro index 1febb35..ff6e410 100644 --- a/src/components/ProjectLockup.astro +++ b/src/components/ProjectLockup.astro @@ -26,8 +26,8 @@ const alignClass = `lockup--${alignment}`; display: flex; flex-direction: column; } - .lockup--left { align-items: flex-start; text-align: left; } - .lockup--center { align-items: center; text-align: center; } + .lockup--left { align-items: flex-start; text-align: left; } + .lockup--center { align-items: center; text-align: center; } /* ── Project name ────────────────────────────────────────────────── */ .lockup-name { @@ -38,30 +38,32 @@ const alignClass = `lockup--${alignment}`; margin: 0; } - .lockup-regular { font-weight: 400; font-style: normal; } - .lockup-bold-italic { font-weight: 700; font-style: italic; } - .lockup-period { font-weight: 700; font-style: italic; } + .lockup-regular { font-weight: 400; font-style: normal; } + .lockup-bold-italic { font-weight: 700; font-style: italic; } + .lockup-period { font-weight: 700; font-style: italic; } /* ── Sizes ───────────────────────────────────────────────────────── */ .lockup--hero .lockup-name { font-size: var(--text-display-lg); } .lockup--lg .lockup-name { font-size: var(--text-display-md); } .lockup--md .lockup-name { font-size: var(--text-headline-lg); } - /* ── Fenja wordmark ──────────────────────────────────────────────── */ + /* ── Fenja wordmark — authorship signature, never auxiliary ─────── */ .lockup-wordmark-row { display: flex; align-items: center; } + /* Spacing: deliberate gap between headline and signature */ .lockup--hero .lockup-wordmark-row { margin-top: var(--space-5); } .lockup--lg .lockup-wordmark-row { margin-top: var(--space-4); } - .lockup--md .lockup-wordmark-row { margin-top: var(--space-3); } + .lockup--md .lockup-wordmark-row { margin-top: var(--space-4); } + /* Sizes: ~1/4 the headline's line height at each scale. Full colour — no opacity. */ .lockup-wordmark { - opacity: 0.45; display: block; + width: auto; } - .lockup--hero .lockup-wordmark { height: 18px; } - .lockup--lg .lockup-wordmark { height: 16px; } - .lockup--md .lockup-wordmark { height: 14px; } + .lockup--hero .lockup-wordmark { height: 30px; } + .lockup--lg .lockup-wordmark { height: 24px; } + .lockup--md .lockup-wordmark { height: 20px; }