enterprise Color System
Apple's website is a masterclass in controlled drama — vast expanses of pure black and near-white se...
Apple's website is a masterclass in controlled drama — vast expanses of pure bla...
Apple uses #000000 as the primary accent for interactive elements
Carefully selected 8 colors for enterprise applications
Uses negative letter-spacing, gradient and more
#000000
Hero section backgrounds, immersive product showcases. The darkest canvas for the brightest products.
#f5f5f7
Alternate section backgrounds, informational areas. Not white — the slight blue-gray tint prevents sterility.
#1d1d1f
Primary text on light backgrounds, dark button fills. Slightly warmer than pure black for comfortable reading.
#0071e3
`--sk-focus-color`, primary CTA backgrounds, focus rings. The ONLY chromatic color in the interface.
#0066cc
`--sk-body-link-color`, inline text links. Slightly darker than Apple Blue for text-level readability.
#2997ff
Links on dark backgrounds. Higher luminance for contrast on black sections.
#ffffff
Text on dark backgrounds, button text on blue/dark CTAs.
#1d1d1f
Primary body text on light backgrounds.
/* Apple Color System */
:root {
--apple-pure-black: #000000;
--apple-light-gray: #f5f5f7;
--apple-near-black: #1d1d1f;
--apple-apple-blue: #0071e3;
--apple-link-blue: #0066cc;
--apple-bright-blue: #2997ff;
--apple-white: #ffffff;
--apple-near-black: #1d1d1f;
}
/* Example usage */
.apple-button-primary {
background-color: var(--apple-pure-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Airbnb's website is a warm, photography-forward marketplace that feels like flip...
IBM's website is the digital embodiment of enterprise authority built on the Car...
NVIDIA's website is a high-contrast, technology-forward experience that communic...
SpaceX's website is a full-screen cinematic experience that treats aerospace eng...