From 789f1bbb17df58fc1ec4866cf3dd65860fb4823b Mon Sep 17 00:00:00 2001 From: Arlind Ukshini Date: Fri, 24 Apr 2026 11:01:02 +0200 Subject: [PATCH] backer: match text between pages, grow Innovationsfonden mark MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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) --- protected/index.html | 15 ++++++++------- public/entrance.html | 2 +- 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/protected/index.html b/protected/index.html index 90fa825..c05b1e4 100644 --- a/protected/index.html +++ b/protected/index.html @@ -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; diff --git a/public/entrance.html b/public/entrance.html index ee861ed..7a8a6ae 100644 --- a/public/entrance.html +++ b/public/entrance.html @@ -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; }