ai ml Color System
VoltAgent's interface is a deep-space command terminal for the AI age — a developer-facing darkness ...
VoltAgent's interface is a deep-space command terminal for the AI age — a develo...
Voltagent uses #00d992 as the primary accent for interactive elements
Carefully selected 8 colors for ai-ml applications
Uses negative letter-spacing, gradient
#00d992
The core brand energy — used for accent borders, glow effects, and the highest-signal interactive moments. This is the "power-on" indicator of the entire interface.
#2fd6a1
The button-text variant of the brand green — slightly warmer and more readable than pure Signal Green, used specifically for CTA text on dark surfaces.
#10b981
The ecosystem-standard green used at low opacity (30%) for subtle background tints and link defaults. Bridges VoltAgent's custom palette with Tailwind's utility classes.
#818cf8
A cool indigo-violet used sparingly for secondary categorization, code syntax highlights, and visual variety without competing with green.
#306cce
Docusaurus primary dark — used in documentation contexts for links and interactive focus states.
#2554a0
The darkest primary shade, reserved for pressed/active states in documentation UI.
#3b82f6
Tailwind's ring color at 50% opacity — visible only during keyboard focus for accessibility compliance.
#050507
The landing page canvas — a near-pure black with the faintest warm undertone, darker than most "dark themes" for maximum contrast with green accents.
/* Voltagent Color System */
:root {
--voltagent-emerald-signal-green: #00d992;
--voltagent-voltagent-mint: #2fd6a1;
--voltagent-tailwind-emerald: #10b981;
--voltagent-soft-purple: #818cf8;
--voltagent-cobalt-primary: #306cce;
--voltagent-deep-cobalt: #2554a0;
--voltagent-ring-blue: #3b82f6;
--voltagent-abyss-black: #050507;
}
/* Example usage */
.voltagent-button-primary {
background-color: var(--voltagent-emerald-signal-green);
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...