Design system · Phase 1
EXPACE tokens
Dark, near-monochrome, one accent per context. Every value below is a token from blueprint §5 — no ad-hoc hex.
Brand · wordmark + starfield
Wordmark renders from /brand/expace-logo.png (currently a placeholder) — never typeset in a font. Starfield is a CSS layer.
Surfaces · ink scale
ink-950#06070A · page
ink-900#0A0C11 · banding
ink-850#0E1117 · card
ink-800#13161D · input
ink-700#1B1F28 · hover
ink-600#262B36 · divider
Brand accent (EXPACE)
accent#6E8BFF
accent-hover#869EFF
accent-press#5476F0
accent-softrgba(110,139,255,.12)
Subsidiary accents
fluency#7C5CFF · Build (provisional)
fluency-2#9B86FF
e360#E11D2E · Grow (crimson)
e360-2#FF5A4D
Semantic
success#3DD68C
warning#F5B544
danger#FF6B6B
Energy gradient (use as light, ≤1 per viewport)
Text on ink
text-foreground — headlines & key copy (#F4F6FA)
text-body — body copy, comfortable at length (#A7B0BD)
text-muted — captions, meta, mono labels (#6C7480)
text-brand — links / accent (#6E8BFF)
Type scale
Display — Build it.
H1 — Grow it.
H2 — Under one roof.
H3 — Engineered to compound.
Body-L — One group, two companies. Fluency builds the software and automation. E360 builds the brand and the pipeline.
Body — We build the systems your business runs on, then build the demand that fills them. Operator-grade, not vendor-grade.
Small — supporting detail and fine print.
Eyebrow · mono · uppercase
150+
Primitives — shadcn Button (restyled to tokens)
Radii
8
rounded-sm12
rounded-md16
rounded-lg24
rounded-xl999
rounded-pill