Every token, face and interval “Blueprint” actually ships, measured off the running page. North star: a drawing set at night: cool dark sheet, hairline grid, everything set square.
All three concepts derive from the three colors sampled off the real EBS logo (blue #25468F, gray #828485, green #61BC49) — never from the old site's Elementor theme. Ratios below are measured on this concept's own grounds.
EBS green is 2.30:1 on light grounds and ~7.3:1 on the dark ones. On this concept that means: fills and lit accents only — it renders as text nowhere on the page. Probed live: zero elements render green text.
Rendered in the real faces (all Google Fonts, embedded in the site as woff2 subsets: 4 woff2 subsets, 153 KB (Schibsted Grotesk 400/500 · Space Mono)).
The concept is a single-file build, so these specimens are re-rendered here from the measured values rather than sharing its stylesheet. Every number came off the running page.
| What | Measured |
|---|---|
| Keyframes | 0 — every move is JS: wipe plates, drawn rules, the magnet wall |
| Reveals | .rv classes via IntersectionObserver; h1/h2 line-split manually |
| Reduced motion | handled — 2 @media blocks |
| Focus | :focus-visible styled, 6 rules — the strongest of the three |
| Where | What ships | Consequence | Debt or decision |
|---|---|---|---|
| Office cards | Script-rendered into #offGrid — empty div in HTML | No-JS readers and crawlers get no addresses or phone numbers from that section (the closing CTA now carries both numbers) | Debt — server-render |
| Pager labels | “01 — 09” uses em dashes | Index separators, exempted from the prose dash count in the copy audit | Decision |
| 0 CSS keyframes | All motion lives in JS | The stylesheet alone doesn't describe the motion; reduced-motion guards do exist | Decision, noted |