Stability AI
Midnight command center; a sophisticated dark UI with precise information delivery.
Stability AI's design evokes a sophisticated, high-tech command center with its deep, dark palette and vibrant purple accents. The dominant use of Achromatic Raven for backgrounds provides a sleek, near-black foundation, while crisp Archivo typography in white and light gray ensures clarity. Generous spacing and the playful use of fully rounded buttons contrast with otherwise sharp edges, creating a balance between serious technicality and modern approachability.
⚡️ Build with this templatehttps://stability.aiColor Palette
Typography
Heading: inherit
Body: inherit
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
# Stability AI — Style Reference > Midnight command center; a sophisticated dark UI with precise information delivery. Theme: dark Stability AI's design evokes a sophisticated, high-tech command center with its deep, dark palette and vibrant purple accents. The dominant use of Achromatic Raven for backgrounds provides a sleek, near-black foundation, while crisp Archivo typography in white and light gray ensures clarity. Generous spacing and the playful use of fully rounded buttons contrast with otherwise sharp edges, creating a balance between serious technicality and modern approachability. ## Colors | Name | Value | Role | |------|-------|------| | Achromatic Raven | `#1e1e1` | Primary background for pages and most elevated surfaces, providing a deep, consistent visual anchor. | | Storm Cloud | `#383838` | Secondary background for cards, list items, and subtle differentiations between sections, adding depth to the dark theme. | | Off-White Text | `#e5e7e6` | Primary text color for body copy, ensuring high contrast against dark backgrounds. | | Polar White | `#ffffff` | Headline text, interactive element states, and high-emphasis information, drawing immediate attention. | | Deep Plum Accent | `#a381ff` | Primary brand accent for CTA buttons, active navigation items, and interactive links, providing a burst of energetic color against the dark theme. | | Luminous Violet | `#776cff` | Variant accent for borders and outlines, maintaining brand consistency while offering subtle visual hierarchy. | | Slate Gray | `#bbbbbb` | Secondary text for less prominent information, such as captions or helper text, offering a softer presence than white. | | Lavender Mist | `#b6a9c6` | Subtle accent for selected type elements and borders, hinting at the brand's chromatic palette within a neutral context. | ## Typography | Family | Role | |--------|------| | Archivo | Primary font for all textual content, from headlines to body text and UI elements. Its clean, sans-serif structure underpins the system's technical yet approachable feel. | | Figtree | Used specifically for button text, Figtree's slightly more geometric and contemporary feel adds a subtle distinction to interactive elements. |