vcubed

Standards

Body text requires at least 4.5:1 contrast; large text and graphic elements require at least 3:1. These are floors, not targets to work down to.

Contrast ledger

Approved foreground and background pairs from the canonical system, calculated against their exact values.

Body ink on paper
parchment.900
parchment.50
14.47:1
Secondary ink on paper
parchment.700
parchment.50
7.28:1
Sapphire rule on paper
sapphire.800
parchment.50
10.89:1
Aqua accent on paper
aqua.700
parchment.50
5.94:1
Ready chip
aqua.700
aqua.50
5.94:1
At risk chip
amber.700
amber.50
6.82:1
Breach chip
rowan.700
rowan.50
7.55:1
Not started chip
parchment.700
parchment.100
6.65:1
Body ink on screen
nocturne.100
nocturne.950
16.11:1
Secondary ink on screen
nocturne.400
nocturne.950
8.33:1
Sapphire label on brand field
sapphire.400
sapphire.950
8.30:1
Aqua accent on screen
aqua.400
nocturne.950
8.69:1
At risk chip, dark
amber.400
amber.900
6.78:1
Breach chip, dark
rowan.400
rowan.900
6.66:1
Cover title on Sapphire
sapphire.50
sapphire.900
14.98:1
Imperial label on field
imperial.300
imperial.800
6.60:1
Verdant label on field
verdant.300
verdant.800
6.72:1
Orchid label on field
orchid.200
orchid.800
8.38:1
Focus ring on screen
aqua.500
nocturne.950
6.21:1
Focus ring on paper
sapphire.800
parchment.100
9.96:1

Implementation rules

Accessibility is part of the brand’s authority: it applies to words, interaction, animation and documentary imagery.

  1. 01Never use colour as the only signal; add a glyph and label.
  2. 02Keep keyboard focus visible with the approved focus token.
  3. 03Respect reduced-motion preferences and render the cube assembled and still.
  4. 04Write alt text that describes the work being done, not the mood.
  5. 05Keep production labels at or above 12px.