Stability AI

Stability AI, dark mode, dark-mode

Preview image. Unlock full-res

Midnight command center; a sophisticated dark UI with precise information delivery.

Industryai, dev-tools
Palette
#1e1e1
#383838
#e5e7e6
#ffffff
#a381ff
#776cff
#bbbbbb
#b6a9c6

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. Use Achromatic Raven (#1e1e1e) as the primary background color for all main content areas. Apply Deep Plum Accent (#a381ff) for all primary call-to-action buttons and interactive links. Adopt a 300px border radius for all buttons and fully-rounded elements to maintain the signature pill shape. Utilize Archivo font consistently across all text elements, leveraging its various weights for hierarchy. Ensure high contrast by using Polar White (#ffffff) for headlines and Off-White Text (#e5e7e6) for body copy against dark backgrounds. Prioritize transparency for background elements (cards, badges) to allow base backgrounds to show through, creating depth. Avoid using bright or pastel colors outside of the defined accent palette to maintain the sophisticated dark theme. Do not introduce sharp corners on interactive buttons; they must maintain the full pill (300px) or near-pill (99px) radius. Refrain from using drop shadows on cards or containers; depth is achieved primarily through background color variations and strategic spacing. Do not deviate from the Archivo and Figtree font families; they are central to the brand's typographic identity. Avoid excessive use of bold text – rely on size, contrast, and color to establish visual hierarchy, rather than heavy weights.

More like this