Design system
One family, one rail, square edges.
Inter at weights 400–600, an ink-navy palette with a single terracotta accent, 2px corner radius everywhere, hairline rules instead of shadows.
Colour
Navy
--navy · #16233c
Primary surfaces, buttons, headings on tint
Navy deep
--navy-deep · #101a2e
Hover state for navy surfaces
Terracotta
--terracotta · #b4573a
Accent only — ticker tags, progress
Ink
--ink · #14181f
Headings and primary text
Body
--body · #55606f
Body copy and meta text
Tint
--brand-tint · #eef1f6
Section grounds and cards
Tint strong
--brand-tint-strong · #e2e7ef
Hover ground, rail track
Hairline
--hairline · #dce0e7
All borders and rules
Typography
The details are the design.
The details are the design.
The details are the design.
The details are the design.
The details are the design.
The details are the design.
The details are the design.