joh/project-bifrost-platform
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: hero lockup — Fenja wordmark scale and colour

Browse source
This commit is contained in:
Jonathan 2026-04-19 20:44:57 +02:00
parent 6cbab5ba36
commit f6e6fb255d
1 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/components/ProjectLockup.astro
View file

@ -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; }
</style>