joh/customer-presentation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

backer: match text between pages, grow Innovationsfonden mark

Browse source 
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:
Arlind Ukshini 2026-04-24 11:01:02 +02:00
parent 0b07b2a8f6
commit 789f1bbb17
2 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
protected/index.html
View file

@ -1039,16 +1039,17 @@ html {
.support { .support {
display: flex; display: flex;
align-items: center; align-items: center;
/* "Backed by Innovationsfonden" halved from the previous 1.5x /* Matched to the welcome page's .welcome-backer: 11px uppercase
treatment — the lockup was competing with the main copy, and text, 0.18em tracking. The wordmark SVG grows to 24px so the
the reader already knows the hierarchy. Type and svg both Innovationsfonden lockup reads more confidently while the
drop so the row reads as a quiet footnote. */ accompanying "Backed by" label stays quiet. */
gap: 0.55rem; gap: 10px;
font-size: calc(var(--step-sm) * 0.75); font-size: 11px;
font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.18em; letter-spacing: 0.18em;
} }
.support svg { height: 14px; width: auto; } .support svg { height: 24px; width: auto; }
.scroll-hint { .scroll-hint {
display: inline-flex; display: inline-flex;

2
public/entrance.html
View file

@ -172,7 +172,7 @@
z-index: 5; z-index: 5;
transition: opacity 640ms var(--ease) 160ms; 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 { body:has(#step-welcome.is-active) .welcome-backer {
opacity: 0.85; opacity: 0.85;
} }