Cyphr

Reference it for

• Warm off-white rgb(236, 236, 233) page with pure black ink (not pure white, not greys)
• Single electric blue rgb(33, 45, 210) accent used exclusively as the I-beam cursor at the end of typed-in display headlines
• 3:389 accent-to-page colour ratio — chromatic restraint as brand expression
• Bandit Condensed display + Messina Sans Mono metadata + Messina Sans body three-family system (Impact-class condensed for monumental, mono for system info, humanist for reading)
• 12-step type scale running 9 -> 416px with three monumental tiers (90 / 96 / 146px) and one canvas-marquee size (416px)
• Two weights only (300 + 400) — discipline through scarcity
• 1:1 line-height on display type (Bandit Condensed H1 at 139.2px / 139.2px)
• Venetian-blind slat hero composition — single image fragmented across ~12 vertical columns via --pattern-col-width: 3em + --pattern-col-gap: 5.25em

Do not copy

• The Cyphr © CYPHR wordmark or roundel logomark
• The Bandit Condensed bespoke type (commercial licence from FaceType / similar)
• The Messina Sans + Messina Sans Mono pair (Luzi Type commercial licence)
• The exact #212dd2 blue cursor accent
• The "SHAPING THE FUTURE OF BRAND EXPERIENCE" hero copy or "WE KEEP GOOD COMPANY" marquee copy
• The LIV Golf / Weber Ranch Vodka / Tex AI Mixologist / Spotify case study images
• The megaphone hero photograph
• The Barba.js page-transition stack on a Jiffi rebuild — use Astro's built-in <ClientRouter /> instead