Scale. Museum-quality darkroom gallery meets technical blueprint.
- AI
- Light theme
- 13 colors
- 2 typefaces
Scale AI operates as a dark-to-light cinematic system: the hero is a full-bleed photographic frame with massive whisper-weight headlines at 64–116px, then drops into a deep black band where a wireframe illustration floats against pure void, before settling into a calm light-mode product surface. Typography is the signature — Aeonik at weight 400 for headings instead of the typical 600–700, creating authority through restraint rather than volume, with tight -0.01em tracking across the board and a mono companion for labels and tags. The palette is deliberately restrained: white, black, and a ladder of grays do 95% of the work, with muted earth tones (warm tan, forest green, dusty violet, slate blue) used as categorical accents on section headings and decorative surfaces. Cards are flat with 16px radii, no shadows, generous 32px padding — information sits on the surface rather than floating above it.
Scale design system
Accent4
Earth-tone accent — large section surface tints and muted icon fills, used as a categorical color for one product vertical
Deep green accent — large feature surface and heading color for a categorical product vertical
Muted violet accent — categorical heading color and decorative iconography
Cool blue-gray accent — decorative SVG strokes and icon fills
Neutrals9
Primary text, nav background, dark-band canvas, CTA fills — maximum contrast anchor
Filled button background, dark surface panels — soft alternative to pure black
Body text, helper copy, secondary descriptions — readable but recessed
Mid-tone panel surface for subdued dark UI layers and secondary containers. Do not promote it to the primary CTA color
Outlined login button border — visible but never assertive
Sub-surface for nested cards and decorative icon washes
Section band dividers, mobile nav close buttons, alternating rhythm breaks
Secondary surface for elevated cards and section backgrounds, one step above canvas
Page background, card surfaces, text on dark — the dominant canvas that makes muted accents feel deliberate
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Obsidian on Warm Sandstone
7.07 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
