Brand guidelines
Design system and tokens.
Cinematic Light. Precision Design. — the complete design system behind the product, published so partners and press can set our work the way we set it.
What the kit covers
Four systems, counted from the same tokens the PDF prints — so this page and the document it hands you cannot disagree.
Typography
9-level type scale with the Inter font family
- +display-xl down to micro
- +Weight philosophy
- +5 letter-spacing rules
Colour palette
4 core colours, 4 surfaces and 3 gradients
- +Core and surface colours
- +4 text colour tokens
- +Gradient definitions
Spacing and layout
4px base unit grid system
- +13-step spacing scale
- +Container padding
- +6 responsive breakpoints
Components
Button, card, and badge variants
- +8 button variants
- +5 card variants
- +6 badge variants
Core palette
Primary
#00BFFF
Accent
#FF9F1C
Background
#050608
Foreground
#F7FAFC
Type scale
Aa Bb Cc
Hero headlines, major announcements
Aa Bb Cc
Page titles, large section headers
Aa Bb Cc
Section headers, feature titles
Aa Bb Cc
Card titles, subsection headers
The quick brown fox jumps over the lazy dog
Default body text, paragraphs
The system, applied
Frames made in Previz. Key art and title treatments set with the type and colour tokens above.
Take the whole system
One print-ready PDF: type, colour, spacing, components and the quick-reference tables.