#0B2A5B
A-17 · DESIGN
Brand
Blue / white / red system. White and very light blue ≈ 70% of a view; blue ≈ 20–25%; red ≤ 5%. Red is accent only. Focus rings are --brand-blue-500 at 3px — never red.
Tokens
#1747A6
#2F6FDB
#EEF4FE
#FFFFFF
#F7F9FC
#D6DEEA
#0F172A
#475569
#C8102E
#A4161A
Palette ratios
~70% white / light blue~23% blue≤5% red
Contrast (WCAG 2.2 AA)
| Pair | Foreground | Background | Ratio | Result |
|---|---|---|---|---|
| --text on --white (body) | #0F172A | #FFFFFF | 17.85:1 | PASS |
| --text on --surface (body) | #0F172A | #F7F9FC | 16.93:1 | PASS |
| --text on --brand-blue-50 (body) | #0F172A | #EEF4FE | 16.16:1 | PASS |
| --text-muted on --white | #475569 | #FFFFFF | 7.58:1 | PASS |
| --white on --brand-navy | #FFFFFF | #0B2A5B | 14.03:1 | PASS |
| --white on --brand-blue | #FFFFFF | #1747A6 | 8.44:1 | PASS |
| --white on --brand-blue-500 (UI) | #FFFFFF | #2F6FDB | 4.75:1 | PASS |
| --white on --brand-red | #FFFFFF | #C8102E | 5.88:1 | PASS |
| --white on --danger | #FFFFFF | #A4161A | 7.75:1 | PASS |
| --brand-blue on --white (link) | #1747A6 | #FFFFFF | 8.44:1 | PASS |
| focus --brand-blue-500 on --white | #2F6FDB | #FFFFFF | 4.75:1 | PASS |
Full table: docs/spec/evidence-summaries/DESIGN-contrast.md
Photo credits
- academic-hall-1400.avif — Unsplash photographer (graduation caps from behind; retrieved 2026-09-29) · Unsplash License
- academic-hall-1400.webp — Unsplash photographer (graduation caps from behind; retrieved 2026-09-29) · Unsplash License
- academic-hall-800.avif — Unsplash photographer (graduation caps from behind; retrieved 2026-09-29) · Unsplash License
- academic-hall-800.jpg — Unsplash photographer (graduation caps from behind; retrieved 2026-09-29) · Unsplash License
- academic-hall-800.webp — Unsplash photographer (graduation caps from behind; retrieved 2026-09-29) · Unsplash License
- accent-heart.svg — SIGHTLEARN / Eunoia Design (original work) · CC0 1.0
- accent-star.svg — SIGHTLEARN / Eunoia Design (original work) · CC0 1.0
- adult-workspace-1400.avif — Scott Graham / Unsplash (photo-1454165804606-c3d57bc86b40) · Unsplash License
- adult-workspace-1400.webp — Scott Graham / Unsplash (photo-1454165804606-c3d57bc86b40) · Unsplash License
- adult-workspace-800.avif — Scott Graham / Unsplash (photo-1454165804606-c3d57bc86b40) · Unsplash License
- adult-workspace-800.jpg — Scott Graham / Unsplash (photo-1454165804606-c3d57bc86b40) · Unsplash License
- adult-workspace-800.webp — Scott Graham / Unsplash (photo-1454165804606-c3d57bc86b40) · Unsplash License





