Scale

A bold, AI-infrastructure-first interface built on a stark white-and-black contrast system, anchored by the Aeonik display typeface at very large sizes with tight negative tracking. The system reads as serious, editorial, and confidently engineered — full-bleed cinematic imagery (oil rigs, ultrasound scans, brain MRI fragments) sits behind oversized light-weight headlines, while pure-black full-bleed sections and dark cards (24px radius) close the composition. Brand voltage comes from scale (116px Aeonik h1), a near-monochrome palette, and a sparse set of muted pastel accents drawn from imagery rather than from a saturated brand color.

scale.com

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

h1 116px · 400 · 1.0

The quick brown fox jumps

h2 64px · 400 · 1.05

The quick brown fox jumps

h3 24px · 500 · 1.5

The quick brown fox jumps

body 32px · 400 · 1.188

The quick brown fox jumps

button 14px · 400 · 1.0

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xs	8px
sm	12px
md	16px
base	20px
lg	24px
xl	32px
xxl	48px
xxxl	64px
section	96px

Border Radius

Name	Value	Preview
xs	4px
sm	6px
md	8px
lg	12px
xl	16px
xxl	24px
xxxl	32px

FAQ

What colors does Scale use?: Scale's core palette includes #000000, #101828, #101010, #212121, #323232. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Scale DESIGN.md.
What font does Scale use?: Scale's primary typeface is Aeonik. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
What is the Scale design system?: A bold, AI-infrastructure-first interface built on a stark white-and-black contrast system, anchored by the Aeonik display typeface at very large sizes with tight negative tracking. The system reads…

More like this

↓ .md ↓ All files

loading…