Phantom

Reference it for

• Pure binary palette — #000000 background, #ffffff text, rgba(255,255,255,0.15) for floating UI surfaces, no other tokens
• Two CSS custom properties total — --color-primary + --color-secondary is the entire token sheet
• Single 14px corner radius as the only ornament across 351 surfaces
• No box shadows anywhere — depth comes from contrast, not elevation
• Helvetica Now Display self-hosted + ballinger-mono from Typekit as the dual system
• Mono at 10.88px with 1.1x line-height for system chrome (labels, project tickers, button captions)
• CSS Modules naming for keyframes — Loader_*, Header_*, ContactModal_*, styles_* bundles
• Three-transition workhorse system — background-color, color, opacity all at 0.2-0.3s ease-in-out (austere by design)

Do not copy

• The "Phantom" wordmark and brand identity
• The exact London / Auckland geographic claim
• The Helvetica Now Display name (it is licensed, requires Monotype subscription) — substitute Inter or Söhne if unlicensed
• The ballinger-mono Typekit kit ID — needs separate Adobe Fonts license
• The Google Cloud Storage bucket pattern unless you are hosting your own raw video CDN
• The "screen-reader-only H1" pattern when the visible hero is non-video (it relies on the video carrying the brand)
• The pure-black canvas if the brand has any meaningful colour equity
• The 21-keyframe split-by-component naming if your CSS pipeline does not use CSS Modules