developer tools Color System
Expo's interface is a luminous, confidence-radiating developer platform built on the premise that to...
Expo's interface is a luminous, confidence-radiating developer platform built on...
Expo uses #000000 as the primary accent for interactive elements
Carefully selected 8 colors for developer-tools applications
Uses negative letter-spacing, gradient and more
#000000
The absolute anchor — used for primary headlines, CTA buttons, and the brand identity. Pure black on cool white creates maximum contrast without feeling aggressive.
#1c2024
The primary text color for body content — a barely perceptible blue-black that's softer than pure #000 for extended reading.
#0d74ce
The standard link color — a trustworthy, saturated blue that signals interactivity without competing with the monochrome hierarchy.
#476cff
A brighter, more saturated blue for legal/footer links — slightly more attention-grabbing than Link Cobalt.
#47c2ff
A light, friendly cyan-blue for widget branding elements — the brightest accent in the system.
#8145b5
A rich violet used for "preview" or beta feature indicators — creating clear visual distinction from standard content.
#f0f0f3
The primary page background — a cool off-white with the faintest blue-violet tint. Not warm, not sterile — precisely technological.
#ffffff
Card surfaces, button backgrounds, and elevated content containers. Creates a clear "lifted" distinction from Cloud Gray.
/* Expo Color System */
:root {
--expo-expo-black: #000000;
--expo-near-black: #1c2024;
--expo-link-cobalt: #0d74ce;
--expo-legal-blue: #476cff;
--expo-widget-sky: #47c2ff;
--expo-preview-purple: #8145b5;
--expo-cloud-gray: #f0f0f3;
--expo-pure-white: #ffffff;
}
/* Example usage */
.expo-button-primary {
background-color: var(--expo-expo-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Cursor's website is a study in warm minimalism meets code-editor elegance. The e...
Linear's website is a masterclass in dark-mode-first product design — a near-bla...
Lovable's website radiates warmth through restraint. The entire page sits on a c...
Mintlify's website is a study in documentation-as-product design — a white, airy...