backer: match text between pages, grow Innovationsfonden mark
Hero .support and welcome-backer now carry the same text sizing — 11px / weight 600 / uppercase / 0.18em tracking — so the lockup reads identically on the entrance and on the overview hero. Innovationsfonden SVG bumps 14→24px on the hero and 16→24px on the welcome page, so the wordmark is meaningfully visible while the accompanying label stays small. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
0b07b2a8f6
commit
789f1bbb17
2 changed files with 9 additions and 8 deletions
|
|
@ -1039,16 +1039,17 @@ html {
|
|||
.support {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* "Backed by Innovationsfonden" halved from the previous 1.5x
|
||||
treatment — the lockup was competing with the main copy, and
|
||||
the reader already knows the hierarchy. Type and svg both
|
||||
drop so the row reads as a quiet footnote. */
|
||||
gap: 0.55rem;
|
||||
font-size: calc(var(--step-sm) * 0.75);
|
||||
/* Matched to the welcome page's .welcome-backer: 11px uppercase
|
||||
text, 0.18em tracking. The wordmark SVG grows to 24px so the
|
||||
Innovationsfonden lockup reads more confidently while the
|
||||
accompanying "Backed by" label stays quiet. */
|
||||
gap: 10px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.18em;
|
||||
}
|
||||
.support svg { height: 14px; width: auto; }
|
||||
.support svg { height: 24px; width: auto; }
|
||||
|
||||
.scroll-hint {
|
||||
display: inline-flex;
|
||||
|
|
|
|||
|
|
@ -172,7 +172,7 @@
|
|||
z-index: 5;
|
||||
transition: opacity 640ms var(--ease) 160ms;
|
||||
}
|
||||
.welcome-backer svg { height: 16px; width: auto; display: block; }
|
||||
.welcome-backer svg { height: 24px; width: auto; display: block; }
|
||||
body:has(#step-welcome.is-active) .welcome-backer {
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue