Dark-first systems treat the dark canvas as the source of truth — palette decisions, contrast ratios, and image treatments are tuned for dark surfaces first, then translated to light. This is now the dominant convention for developer-tool marketing (Linear, Raycast, Vercel, Cursor, Warp) because the audience genuinely lives in dark mode. Light-first systems (Stripe, Notion, Webflow) keep cream/white as the primary canvas. Both strategies require disciplined contrast audits.
Glossary · color
Dark-first Design
A design strategy where the dark color theme is the primary canvas, and light mode is the adapted alternative.
Also known as
- dark mode first
- dark canvas
Catalogued examples
4 catalogued sites demonstrate dark-first design in production.