infrastructure Color System
Composio's interface is a nocturnal command center — a dense, developer-focused darkness punctuated ...
Composio's interface is a nocturnal command center — a dense, developer-focused ...
Composio uses #0007cd as the primary accent for interactive elements
Carefully selected 8 colors for infrastructure applications
Uses negative letter-spacing, gradient and more
#0007cd
The core brand color — a deep, saturated blue used sparingly for high-priority interactive elements and brand moments. It anchors the identity with quiet intensity.
#00ffff
The attention-grabbing accent — used at low opacity (`rgba(0,255,255,0.12)`) for glowing button backgrounds and card highlights. At full saturation, it serves as the energetic counterpoint to the dark canvas.
#0f0f0f
The primary page background — not pure black, but a hair warmer, reducing eye strain on dark displays.
#000000
Used for card interiors and deep-nested containers, creating a subtle depth distinction from the page background.
#ffffff
Primary heading and high-emphasis text color on dark surfaces.
#444444
De-emphasized body text, metadata, and tertiary content.
rgba(255,255,255,0.6)
Secondary body text and link labels — visible but deliberately receded.
rgba(255,255,255,0.5)
Tertiary button text and placeholder content.
/* Composio Color System */
:root {
--composio-composio-cobalt: #0007cd;
--composio-electric-cyan: #00ffff;
--composio-void-black: #0f0f0f;
--composio-pure-black: #000000;
--composio-pure-white: #ffffff;
--composio-muted-smoke: #444444;
--composio-ghost-white: rgba(255,255,255,0.6);
--composio-whisper-white: rgba(255,255,255,0.5);
}
/* Example usage */
.composio-button-primary {
background-color: var(--composio-composio-cobalt);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}ClickHouse's interface is a high-performance cockpit rendered in acid yellow-gre...
HashiCorp's website is enterprise infrastructure made tangible — a design system...
MongoDB's website is a deep-forest-meets-terminal experience — a design system r...
Sanity's website is a developer-content platform rendered as a nocturnal command...