DesignMay 27, 20267 min read
Pure white on pure black causes halation for many readers. We use #FFFFFF headings on #0B0B0B but drop body copy to a muted grey and increase line height.
Elevation in dark UI comes from lighter surfaces, not shadows. Three surface levels is usually enough.
Focus rings need a colour that reads against both surfaces and accents — our lime ring is tested at 3:1 against every background token.
- #Accessibility
- #Dark Mode
- #Colour
Share:
Maya Iyer
Head of Design
Maya builds design systems for products used by millions and teaches interface craft.
