ai ml Color System
OpenCode's website embodies a terminal-native, monospace-first aesthetic that reflects its identity ...
OpenCode's website embodies a terminal-native, monospace-first aesthetic that re...
Opencode Ai uses #201d1d as the primary accent for interactive elements
Carefully selected 8 colors for ai-ml applications
Uses gradient, depth system
#201d1d
Primary background, button fills, link text. A warm near-black with subtle reddish-brown warmth -- rgb(32, 29, 29).
#fdfcfc
Primary text on dark surfaces, button text. A barely-warm off-white that avoids clinical pure white.
#9a9898
Secondary text, muted links. A neutral warm gray that bridges dark and light.
#302c2c
Slightly lighter than primary dark, used for elevated surfaces and subtle differentiation.
#646262
Stronger borders, outline rings on interactive elements.
#f1eeee
Light mode surface, subtle background variation.
#007aff
Primary accent, links, interactive highlights. Apple system blue.
#0056b3
Darker blue for hover states.
/* Opencode Ai Color System */
:root {
--opencode.ai-opencode-dark: #201d1d;
--opencode.ai-opencode-light: #fdfcfc;
--opencode.ai-mid-gray: #9a9898;
--opencode.ai-dark-surface: #302c2c;
--opencode.ai-border-gray: #646262;
--opencode.ai-light-surface: #f1eeee;
--opencode.ai-accent-blue: #007aff;
--opencode.ai-accent-blue-hover: #0056b3;
}
/* Example usage */
.opencode.ai-button-primary {
background-color: var(--opencode.ai-opencode-dark);
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...