diff --git a/src/layouts/AppLayout.astro b/src/layouts/AppLayout.astro index e8dcb63..1ed27db 100644 --- a/src/layouts/AppLayout.astro +++ b/src/layouts/AppLayout.astro @@ -110,8 +110,8 @@ const year = new Date().getFullYear(); .wordmark-link { flex-shrink: 0; display: flex; - align-items: center; - gap: var(--space-3); + align-items: baseline; + gap: 14px; border-bottom: none; color: var(--on-surface); } @@ -119,22 +119,29 @@ const year = new Date().getFullYear(); border-bottom: none; color: var(--on-surface); } + /* Fenja logo's viewBox (265×101) puts its baseline ~3-4px above the + bottom edge to leave room for the 'j' descender. Pull the bottom of + the SVG down so the typographic baseline matches the wordmark text. */ .wordmark { height: 22px; width: auto; display: block; + transform: translateY(3px); } .wordmark-sep { color: var(--on-surface-muted); - font-size: 1rem; + font-family: var(--font-serif); + font-size: 18px; line-height: 1; + transform: translateY(-1px); } .wordmark-project { font-family: var(--font-serif); - font-size: var(--text-body-md); + font-size: 18px; font-weight: 400; + line-height: 1; color: var(--on-surface); - letter-spacing: 0; + letter-spacing: var(--tracking-snug); } .wordmark-bifrost { font-family: var(--font-serif);