REFERENCE // DESIGN TOKENS & COMPONENTS SPECIFICATION REF: A-TEAM-DESIGN-001

Design System

The mission briefing dossier aesthetic. Black void, red van stripe, military stencil typography. The A-Team van built in CSS and fonts.

Color Palette

Void (Background)

#0a0a0a

Charcoal (Surface)

#1a1a1a

Van Stripe (Accent)

#cc0000

Text (Primary)

#f0f0f0

Steel (Muted)

#6b7280

Red Bright (Hover)

#ef4444

Typography

Display / Headings

Bebas Neue — ABCDEFGHIJKLMNOPQRSTUVWXYZ

Body Copy

Inter — The quick brown fox jumps over the lazy dog. 0123456789

Dossier / Code

JetBrains Mono — TOP_SECRET//A-TEAM//EYES_ONLY 0xDEADBEEF

Dossier Motifs

Red Stripe

The van's red stripe appears everywhere: section dividers, card borders, hero bars, dossier headers, nav elements. It's the unifying visual thread.

Classification Labels

TOP SECRET, EYES ONLY, CLASSIFIED stamps at the top of every page. The dossier strip creates the feel of a classified briefing folder.

Van Motif

ASCII GMC Vandura silhouette in the footer as a subtle easter egg. The van is the symbol of the team — mobile, improvised, always ready.

Silhouette Figures

Clip-path character silhouettes on the hero. Five operators, shadowy, theatrical — you see the outline but not the face.

Keyboard Navigation

Press 1-9 to navigate between pages. Sidebar shows the key bindings next to each nav item.