Bullseye Perspective

Precision.
Not Perfection.

Colour tokens

bg-background

bg-card

#1C4D8D

bg-primary

#2A79C7

bg-accent

bg-secondary

bg-muted

#8A8D8F

bg-steel

#E62024

bg-focus (reserved)

#E62024

bg-destructive

bg-success

bg-warning

bg-border

Focus Red is reserved: bullseye centre, key highlights, alerts and destructive actions only. Precision Blue is the primary action colour.

Chart palette

chart-1

chart-2

chart-3

chart-4

chart-5

Type scale

Eyebrow / kicker

Headline XL

Headline Large

Headline Medium

Space Grotesk — sentence case heading

DM Sans body copy. Body text stays sentence case for legibility — the all-caps wide-tracking treatment belongs to headlines only.

JetBrains Mono 0123456789

Components

Default
Secondary
Outline
Destructive
The Mark
A card on the card surface with muted description text.
Active tab uses the accent/background token pair.