ai ml Color System
Together AI's interface is a pastel-gradient dreamscape built for enterprise AI infrastructure — a d...
Together AI's interface is a pastel-gradient dreamscape built for enterprise AI ...
Together Ai uses #ef2cc1 as the primary accent for interactive elements
Carefully selected 8 colors for ai-ml applications
Uses negative letter-spacing, gradient
#ef2cc1
The primary brand accent — a vivid pink-magenta used in gradient illustrations and the highest-signal brand moments. Never used as UI chrome.
#fc4c02
The secondary brand accent — a vivid orange for gradient endpoints and warm accent moments.
#010120
The primary dark surface — a deep midnight blue-black used for research sections, footer, and dark containers. Not gray, not black — distinctly blue.
#bdbbff
A gentle blue-violet used for subtle accents, secondary indicators, and soft UI highlights.
#00000066
Semi-transparent black for de-emphasized overlays and secondary text.
#ffffff
The primary light-section page background.
#010120
Dark-section backgrounds — research, footer, technical content.
rgba(255, 255, 255, 0.12)
Frosted glass button backgrounds on dark sections.
/* Together Ai Color System */
:root {
--together.ai-brand-magenta: #ef2cc1;
--together.ai-brand-orange: #fc4c02;
--together.ai-dark-blue: #010120;
--together.ai-soft-lavender: #bdbbff;
--together.ai-black-40: #00000066;
--together.ai-pure-white: #ffffff;
--together.ai-dark-blue: #010120;
--together.ai-glass-light: rgba(255, 255, 255, 0.12);
}
/* Example usage */
.together.ai-button-primary {
background-color: var(--together.ai-brand-magenta);
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...
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...