Colour
Background
Dark #0E0E0C · Light #F4F1EA
Surface
Dark #171715 · Light #FFFFFF
Surface 2
Dark #22221F · Light #EAE5DA
Text
Dark #F2EEE5 · Light #141412
Muted
Dark #9A968C · Light #5F5B52
Line
Dark #2E2E2A · Light #D6D0C3
Accent
Dark #FF5A36 · Light #BD3317
Accent ink
Dark #0E0E0C · Light #FFFFFF
Accent 2
Dark #C8F25A · Light #2F6B4F
Matte
Dark #050505 · Light #050505
Reel
Dark #16120F · Light #16120F
Typography
Display · Bricolage 800
Last frame
H1 · page title
Heading one
H2
Heading two with a serif accent
H3
Heading three
H4 · article
Heading four
H5 · article
Heading five
H6 · article
Heading six
Lead · 20px
Lead paragraph for intros under a heading.
Body · Inter 16px
Body copy. The crew shot the whole night shift, then cut it in five days.
Small · 14px
Small text for hints and captions.
Label · JetBrains Mono
SC. 01 / Take 03
Serif accent · Instrument
one or two words per headline
Text elements
A paragraph with a text link, bold text, italic text and inline code.
Unordered list item
Second item
Ordered list item
Second item
“Blockquote: a pull quote in the serif italic.”
Figure · 2.39:1
Figure caption
Buttons & tags
Used inside the CTA band
Tag
Sample badge
Popular
Rec dot
Form elements
Success message
Shown after a form is sent.
Error message
Shown if sending fails.
Spacing & radius
4px
8px
12px
16px
24px
32px
48px
64px
96px
128px
6
12
20
Pill
Media placeholder with frame marks · 16:10
Motion
Easing
0.2, 0.7, 0.2, 1 for UI; a slower cinematic ease-out (0.16, 1, 0.3, 1) for reveals
Durations
UI hover and focus 400 ms; reveals and wipes 700 ms, staggered 90 ms
Signatures
Headline wipe, letterbox opening on media, frame marks moving inward on hover
Reduced motion
With the visitor’s reduce-motion setting on, movement is removed and content fades in