Skip to content

Foundations

Colour

Five roles, never swapped

C-01 C-02 C-03 C-04 C-05
Structure--pe-structureRail, top-level bars, navy button
Action--pe-actionThe one primary per view
Wayfinding--pe-wayfindingOn navy only: active marker
Good--pe-goodStatus only
Link / info / focus--pe-linkLinks, info, focus ring

Neutrals: cool gray, one ramp

C-07
Page--pe-page
Surface--pe-surface
Sunken--pe-surface-sunken
Border--pe-border
Border strong--pe-border-strong
Text--pe-text
Text secondary--pe-text-secondary
Text muted--pe-text-muted

Status

P-01 P-02
PaidOver agreementRejectedScheduledDraft

Dark is per surface

C-08

Friday WIP/AR · dark surface

CollectedDue Friday

Text and links read the same role tokens in both modes. Open the job.

Measured contrast

K-05 A-04

Every permitted pair is measured at build time. The build fails below 4.5:1 for text and 3:1 for focus rings and control borders.

Open the contrast report