Creative Mode — Frame System Video / Frame Layer

# Creative
Mode.

Neo-Brutalist Archivo Black · JetBrains Mono 4 Accents · Hard Shadow
Frame
Spec
01

## Palette

Cream
#EFE9D9
Universal canvas. Warm, never white.
Ink
#0F0F0F
Borders, type, rules, chrome.
Green
#1F8A4C
Dominant accent + closing ground.
Pink
#F06CA8
High-energy fills, markers, stamp.
Orange
#E85A1F
The hard-shadow color. Stat fills.
Yellow
#F5C518
Warm punctuation. Badges, circles.
Cream 2
#E4DCC4
Recessed table fill.
Ink 2
#2A2A2A
Secondary body text.
Green Dk
#136636
Depth on decorative levers.
Pink Dk
#D14E8B
Shadow-side accent.
02

## Typography

display-hero
Archivo Black · 160px
line 0.92 · upper · −.01em
LOUD
display-md
Archivo Black · 96px
section headline
MAKE IT MOVE
stat-num
Archivo Black · 96px
line 0.9
240%
body-lg
Space Grotesk · 28px
line 1.4 · left-aligned

Body copy sits in Space Grotesk — left-aligned, never centered. It explains while the display type declares.

mono-kicker
JetBrains Mono · 24px
.14em · upper
FIG. 02 — TYPE SPECIMEN
03

## Components

Stat cells — 4px ink border, flat accent fills
240%
Output Lift
12K
Frames Shipped
3.4×
Faster Cuts
98
Templates
Step cards — sequence ending on green
01
Block
Lay the color planes.
02
Set
Lock the display caps.
03
Stamp
Drop the hard shadow.
04
Cut
Swap the ground.
Featured marker — 24px hard offset shadow
Make It Loud
Chrome atoms
Section / 01 New Topbar Pill
Comparison table — cream-2 fill, ink head row

Spec | Frame | Slide
--- | --- | ---
Border | 4px ink | 4px ink
Shadow | 24px hard | none
Accents | 2–3 / frame | 2–3 / slide

04

## Frame Compositions

Wordmark Cover· identity · centered
Creative Mode 01 — Cover

### Creative
Mode.

Editorial System 0104
Big Claim· oversized statement · left
Statement 02 — Claim
The Thesis

### Make
it move.

One Idea / Frame 0204
Stat Grid· catalog · the density frame
By The Numbers 03 — Data
The Numbers Don't Whisper
240%
Output Lift
3.4×
Faster Cuts
12K
Frames Shipped
Stat Cells 0304
Closing Plate· closer · green ground · centered
Creative Mode 04 — End

### That's
the mode.

Cut
Print
Thank You 0404
05

## Frame Rules

#### Do

- One idea per frame — two things means two frames.
- Lean centered; reserve the green ground for the closing plate.
- Two or three accents per frame, never all four.
- 4px ink borders, 24px hard offset on featured blocks only.
- Archivo Black uppercase, 0.92 line-height, always.

#### Don't

- No rounded corners except the topbar pill.
- No gradients, no blurred shadows, no glow.
- No Archivo Black in sentence case, ever.
- No fifth accent; no pure-white background.
- No headline blown edge-to-edge — size to the line.

06

## Captions

Active line· spoken · current · upcoming
Captions Karaoke
Caption Band · 16.7%
Built for teams who ship.
Settled line· all spoken · accent block cleared
Captions Lower-Third
Ship faster today.
Creative Mode · Frame Showcase Atoms Sacred · Composition Free