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
SpecFrameSlide
Border4px ink4px ink
Shadow24px hardnone
Accents2–3 / frame2–3 / slide
04

Frame Compositions

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.
Creative Mode · Frame Showcase Atoms Sacred · Composition Free