Tokens
Every value the build consumes, in one file. This page is generated from rv-tokens.json — the same file that generates the site's own theme, so what you read here is literally what ships.
The rule
One origin for every value — nothing is ever re-typed.
Download rv-tokens.json
v0.2.0 · W3C design-tokens format
Colour
| Token | Value | OKLCH | Role |
|---|---|---|---|
color.vault-black | #1A1A1A | oklch(21.8% 0 0) | primary ink · monogram R · wordmark |
color.vault-green | #00AF13 | oklch(65.4% 0.218 143) | the check · fills & icons — never small text (2.9:1) |
color.foundation-cream | #F5F2ED | oklch(96.2% 0.007 81) | primary background |
color.white | #FFFFFF | oklch(100% 0 0) | cards · canvas · reversed ink |
color.dark-grey | #333333 | oklch(32.1% 0 0) | body text · AAA on light |
color.mid-grey | #666666 | oklch(51.0% 0 0) | secondary text · functional borders (5.7:1) |
color.light-grey | #CCCCCC | oklch(84.5% 0 0) | hairlines · decorative only (1.6:1) |
color.shade-1 | #008A0F | oklch(54.9% 0.183 143) | CTA surface · icons · green text on white (4.52:1) |
color.text-green | #087F10 | oklch(51.8% 0.170 143) | links & green text on cream (4.64:1) and white (5.18:1) |
color.tint-1 | #4DC75A | oklch(73.7% 0.185 145) | chips · chart fills (decorative) |
color.ui-subtle | #E6F7E7 | oklch(95.9% 0.028 147) | success washes · verified rows |
color.warm-beige | #E8E2D8 | oklch(91.5% 0.015 81) | section alternation · panels |
color.shadow-cream | #D6CFC2 | oklch(85.7% 0.019 83) | shadows on cream · dividers |
color.dark-beige | #988873 | oklch(63.5% 0.036 75) | muted labels · large only on cream (3.1:1) |
color.deep-green-wash | #0E5220 | oklch(38.6% 0.104 148) | poster & livery fields · reversed mark |
Type scale
| Step | Size | Line | Family | Weight |
|---|---|---|---|---|
display | 56 px | 1.05 | Quicksand | 700 |
h1 | 40 px | 1.1 | Quicksand | 700 |
h2 | 28 px | 1.2 | Quicksand | 500 |
h3 | 20 px | 1.3 | Quicksand | 500 |
body | 16 px | 1.55 | Inter | 400 |
small | 13 px | 1.45 | Inter | 400 |
caption | 11 px | 1.4 | Inter | 500 |
data | 13 px | 1.4 | IBM Plex Mono | 500 |
Spacing
base 4 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96
Radius
sm 8 · md 12 · lg 16 · pill 999
Breakpoints
mobile 360 · tablet 768 · desktop 1024 · wide 1440
Motion
150 · 300 · 600 ms
Colour rules carried in the file
- cta-primary
- vault-green surface + vault-black label (5.92:1) — never white on vault-green (2.94:1)
- cta-alt
- shade-1 surface + white label (4.52:1)
- green-text
- text-green on cream/white · shade-1 acceptable on white only
- focus-ring
- 2px shade-1, offset 2
- matrix
- see /system/colour — generated from contrast.json