StyleBook← Back to newsstand
35
Edition 35 — minimalLight · 7 tokens
Graphite Note
Near-monochrome with a graphite cast, for writing tools.
01 — PaletteRoles & contrast
What's a token? A named slot in the palette: --accent means “this theme's accent colour” rather than one fixed hex. Name the slot once, swap the colour behind it later, and everything using it follows. Copy tokens puts every one of this theme's colour slots, plus its heading and body fonts, on your clipboard as CSS variables — ready to paste straight into a stylesheet.
Accent22%
Aa#0369a1--accent
Support14%
Aa#64748b--support
Neutral30%
Aa#f1f5f9--neutral
Muted18%
Aa#475569--muted
Ink16%
Aa#0f172a--ink
02 — TypographyIBM Plex Sans · IBM Plex Mono
Ag
Display — IBM Plex Sans
The quick brown fox jumps over the lazy dog
Body copy set in IBM Plex Mono. A design system is only as trustworthy as its dullest paragraph — so the body face carries the weight of everything that isn't a headline, and this edition keeps it comfortable at reading size.
03 — Components
PrimarySecondaryText link →
AccentSupportNeutralminimal
you@studio.com
Sample card
A surface built from the theme's neutrals, with an accent header bar and matched radius.
Live