enterprise Color System
IBM's website is the digital embodiment of enterprise authority built on the Carbon Design System — ...
IBM's website is the digital embodiment of enterprise authority built on the Car...
Ibm uses #0f62fe as the primary accent for interactive elements
Carefully selected 8 colors for enterprise applications
Uses gradient, monochrome and more
#0f62fe
The singular interactive color. Primary buttons, links, focus states, active indicators. This is the only chromatic hue in the core UI palette.
#ffffff
Page background, card surfaces, button text on blue, `--cds-background`.
#161616
Primary text, headings, dark surface backgrounds, nav bar, footer. `--cds-text-primary`.
#161616
Primary text, headings, dark UI chrome, footer background.
#262626
Secondary dark surfaces, hover states on dark backgrounds.
#393939
Tertiary dark, active states.
#525252
Secondary text, helper text, descriptions. `--cds-text-secondary`.
#6f6f6f
Placeholder text, disabled text.
/* Ibm Color System */
:root {
--ibm-ibm-blue-60: #0f62fe;
--ibm-white: #ffffff;
--ibm-gray-100: #161616;
--ibm-gray-100: #161616;
--ibm-gray-90: #262626;
--ibm-gray-80: #393939;
--ibm-gray-70: #525252;
--ibm-gray-60: #6f6f6f;
}
/* Example usage */
.ibm-button-primary {
background-color: var(--ibm-ibm-blue-60);
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...
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...