Design system
Colors
Near-black everywhere. The accent color appears only on buttons.
Color/Background
Page and section backgrounds
Color/Text Primary
Headings and labels
Color/Text Muted
Body copy
Color/Accent
Buttons only
Color/Border
Row dividers
Typography
Text/H1 · One per page, at the top of inner pages
Page title
Text/Display · Section headings
Section heading
Text/H3 · Row titles, statistics and quotes
Row title
Text/Body · Paragraphs and descriptions
Body copy explains the detail in a sentence or two.
Text/Label · Navigation, team names and small headings
Label
Text/Button · Button text only
Button
Components
Button. Use for the main action in a section. One accent button per section.
Claim a seat
Spotlight Hero. A code component driven by its right-panel controls: Image, Focus height, Title, Title size, Title lift, Font, colors, Beam size, Darkness, Follow speed and Intro flicker. Use it once per page at most, on a dark photo with one subject. Set Focus height low on portraits.
Example sections
Rows carry most content. Each row is a top border, 24px of vertical padding, a Text/H3 title, Text/Body detail and an optional Text/H3 value on the right.
Row title
A short description of this item.