ai ml Color System
ElevenLabs' website is a study in restrained elegance — a near-white canvas (`#ffffff`, `#f5f5f5`) w...
ElevenLabs' website is a study in restrained elegance — a near-white canvas (`#f...
Elevenlabs uses #ffffff as the primary accent for interactive elements
Carefully selected 8 colors for ai-ml applications
Uses shadow-as-border, negative letter-spacing and more
#ffffff
Primary background, card surfaces, button backgrounds
#f5f5f5
Secondary surface, subtle section differentiation
#f5f2ef
Button background (at 80% opacity) — the warm signature
#000000
Primary text, headings, dark buttons
#4e4e4e
Secondary text, descriptions
#777169
Tertiary text, muted links, decorative underlines
#f6f6f6
Alternate light surface
#7fffff
`--grid-column-bg`, at 25% opacity — decorative grid overlay
/* Elevenlabs Color System */
:root {
--elevenlabs-pure-white: #ffffff;
--elevenlabs-light-gray: #f5f5f5;
--elevenlabs-warm-stone: #f5f2ef;
--elevenlabs-black: #000000;
--elevenlabs-dark-gray: #4e4e4e;
--elevenlabs-warm-gray: #777169;
--elevenlabs-near-white: #f6f6f6;
--elevenlabs-grid-cyan: #7fffff;
}
/* Example usage */
.elevenlabs-button-primary {
background-color: var(--elevenlabs-pure-white);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Claude's interface is a literary salon reimagined as a product page — warm, unhu...
Cohere's interface is a polished enterprise command deck — confident, clean, and...
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...