Reference fixture · discord

Your place to talk.

Discord is the easiest way to talk over voice, video, and text. Dark-first, Blurple accent, gg sans — every value from tokens.css.

Download for free Read the spec

What this fixture exercises

Dark depth through luminance steps.

Three-step depth

#1e1f22 server rail → #2b2d31 sidebar → #313338 chat. Each step slightly lighter. No color variation — only luminance.

Blurple accent

#5865f2 — reserved for CTAs, mentions, and "you" affordances. Hover: #4752c4. Used sparingly so it pops against muted neutrals.

gg sans geometry

Friendly rounded terminals on a/g/s. Weight 400/500/600/700/800 — hierarchy through contrast, not color. 16px body never shrinks.

Form components

Inputs on dark surfaces.

Background: #1e1f22. Border shifts to Blurple on focus. Labels: uppercase, 0.04em tracking, weight 600.