enterprise Color System
Uber's design language is a masterclass in confident minimalism -- a black-and-white universe where ...
Uber's design language is a masterclass in confident minimalism -- a black-and-w...
Uber uses #000000 as the primary accent for interactive elements
Carefully selected 8 colors for enterprise applications
Uses gradient, monochrome
#000000
The defining brand color -- used for primary buttons, headlines, navigation text, and the footer. Not "near-black" or "off-black," but true, uncompromising black.
#ffffff
The primary surface color and inverse text. Used for page backgrounds, card surfaces, and text on black elements.
#e2e2e2
White button hover state -- a clean, cool light gray that provides clear feedback without warmth.
#f3f3f3
Subtle hover for elevated white buttons -- barely-there gray for gentle interaction feedback.
#efefef
Background for secondary/filter buttons and navigation chips -- a neutral, ultra-light gray.
#4b4b4b
Secondary text and footer links -- a true mid-gray with no warm or cool bias.
#afafaf
Tertiary text, de-emphasized footer links, and placeholder content.
#000000
Thin 1px borders for structural containment -- used sparingly on dividers and form containers.
/* Uber Color System */
:root {
--uber-uber-black: #000000;
--uber-pure-white: #ffffff;
--uber-hover-gray: #e2e2e2;
--uber-hover-light: #f3f3f3;
--uber-chip-gray: #efefef;
--uber-body-gray: #4b4b4b;
--uber-muted-gray: #afafaf;
--uber-border-black: #000000;
}
/* Example usage */
.uber-button-primary {
background-color: var(--uber-uber-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Airbnb's website is a warm, photography-forward marketplace that feels like flip...
Apple's website is a masterclass in controlled drama — vast expanses of pure bla...
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...