infrastructure Color System
ClickHouse's interface is a high-performance cockpit rendered in acid yellow-green on obsidian black...
ClickHouse's interface is a high-performance cockpit rendered in acid yellow-gre...
Clickhouse uses #faff69 as the primary accent for interactive elements
Carefully selected 8 colors for infrastructure applications
Uses gradient, monochrome
#faff69
The signature brand color — a vivid acid yellow-green that's the sole chromatic accent on the black canvas. Used for primary CTAs, accent borders, link hovers, and highlighted moments.
#166534
Secondary CTA color — a deep, saturated green for "Get Started" and primary action buttons that need distinction from the neon.
#14572f
A darker green variant for borders and secondary accents.
#f4f692
Active/pressed state text color — a softer, more muted version of Neon Volt for state feedback.
#4f5100
A dark olive-yellow for ghost button borders — the neon's muted sibling.
#161600
The darkest neon-tinted color for subtle brand text.
#000000
The primary page background — absolute black for maximum contrast.
#141414
Button backgrounds and slightly elevated dark surfaces.
/* Clickhouse Color System */
:root {
--clickhouse-neon-volt: #faff69;
--clickhouse-forest-green: #166534;
--clickhouse-dark-forest: #14572f;
--clickhouse-pale-yellow: #f4f692;
--clickhouse-border-olive: #4f5100;
--clickhouse-olive-dark: #161600;
--clickhouse-pure-black: #000000;
--clickhouse-near-black: #141414;
}
/* Example usage */
.clickhouse-button-primary {
background-color: var(--clickhouse-neon-volt);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Composio's interface is a nocturnal command center — a dense, developer-focused ...
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...