ai ml Color System
Cohere's interface is a polished enterprise command deck — confident, clean, and designed to make AI...
Cohere's interface is a polished enterprise command deck — confident, clean, and...
Cohere uses #000000 as the primary accent for interactive elements
Carefully selected 8 colors for ai-ml applications
Uses negative letter-spacing, gradient and more
#000000
Primary headline text and maximum-emphasis elements.
#212121
Standard body link color — slightly softer than pure black.
#17171c
A blue-tinted near-black for navigation and dark-section text.
#1863dc
The primary interactive accent — appears on button hover, focus states, and active links. The sole chromatic action color.
#9b60aa
Input focus border color — a muted violet.
#ffffff
The primary page background and card surface.
#fafafa
Subtle elevated surfaces and light-section backgrounds.
#f2f2f2
Card borders and the softest containment lines.
/* Cohere Color System */
:root {
--cohere-cohere-black: #000000;
--cohere-near-black: #212121;
--cohere-deep-dark: #17171c;
--cohere-interaction-blue: #1863dc;
--cohere-focus-purple: #9b60aa;
--cohere-pure-white: #ffffff;
--cohere-snow: #fafafa;
--cohere-lightest-gray: #f2f2f2;
}
/* Example usage */
.cohere-button-primary {
background-color: var(--cohere-cohere-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Claude's interface is a literary salon reimagined as a product page — warm, unhu...
ElevenLabs' website is a study in restrained elegance — a near-white canvas (`#f...
MiniMax's website is a clean, product-showcase platform for a Chinese AI technol...
Mistral AI's interface is a sun-drenched landscape rendered in code — a warm, bo...