PRINCIPLES.
Every element is anchored by a thick black border. Contrast > softness.
Solid, saturated fields. No gradients. Color communicates hierarchy.
6px offset ink shadow signals interactive. Never blur, never soft.
THE PALETTE.
Rule of thumb: ONE loud color per composition. Ink + Cream carry the weight; pop colors accent.
TYPE STACK.
THE BRUTAL STACK.
CORNERS.
BUTTONS.
CARDS.
White surface, ink border, small icon square.
Solid pop color as the surface itself.
Ink surface for maximum contrast moments.
TEXTURES.
.halftone · .stripes — use sparingly as background accents.
ANIMATIONS.
LAYOUT.
12-col grid · max-width 1152px · 16/24/32 px section rhythm · everything breathes on mobile first.
GRAB THE KIT.
Self-contained SVG with SMIL animations. Drop it anywhere.
Import into Tokens Studio for Figma. Colors, type, shadows, radii.
This whole page, print-ready and shareable.
All 5 button variants as editable SVGs, plus a zip.
Voice, personality, audience — the sibling doc.
Display font. Free via Google Fonts.
Body font. Free via Google Fonts.