infrastructure Color System
Sanity's website is a developer-content platform rendered as a nocturnal command center -- dark, pre...
Sanity's website is a developer-content platform rendered as a nocturnal command...
Sanity uses #0b0b0b as the primary accent for interactive elements
Carefully selected 8 colors for infrastructure applications
Uses negative letter-spacing, gradient and more
#0b0b0b
The primary canvas and dominant surface color. Not pure black but close enough to feel absolute. The foundation of the entire visual identity.
#000000
Used for maximum-contrast moments, deep overlays, and certain border accents.
#f36458
The primary CTA and brand accent -- a warm coral-red that serves as the main call-to-action color. Used for "Get Started" buttons and primary conversion points.
#0052ef
The universal hover/active state color across the entire system. Buttons, links, and interactive elements all shift to this blue on hover. Also used as `--color-blue-700` for focus rings and active states.
color(display-p3 .270588 1 0)
A vivid, wide-gamut green used as `--color-fg-accent-green` for success states and premium feature highlights. Falls back to `#19d600` in sRGB.
color(display-p3 .960784 0 1)
A vivid wide-gamut magenta for specialized accent moments.
#0b0b0b
Default page background and primary surface.
#212121
Elevated surface color for cards, secondary containers, input backgrounds, and subtle layering above the base canvas.
/* Sanity Color System */
:root {
--sanity-sanity-black: #0b0b0b;
--sanity-pure-black: #000000;
--sanity-sanity-red: #f36458;
--sanity-electric-blue: #0052ef;
--sanity-neon-green: color(display-p3 .270588 1 0);
--sanity-accent-magenta: color(display-p3 .960784 0 1);
--sanity-near-black: #0b0b0b;
--sanity-dark-gray: #212121;
}
/* Example usage */
.sanity-button-primary {
background-color: var(--sanity-sanity-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}ClickHouse's interface is a high-performance cockpit rendered in acid yellow-gre...
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...