Design systems
Visual vocabulary A design system is a 9-section Markdown file: colour, typography, spacing, layout, components, motion, voice, brand, anti-patterns. Five come preloaded. Write your own.
Anthropic / Claude
Warm, considered, unhurried. Cream and amber with generous whitespace.
preloaded
Brutalist
High-contrast system with thick borders and system fonts.
preloaded
Ink & Paper
Minimal monochrome system with one accent slot.
preloaded
Linear
Monochrome precision. Sharp edges, tight spacing, zero ornamentation.
preloaded
Notion
Editorial, flexible, document-first. Everything as blocks.
preloaded
SaaS Clean
Modern SaaS palette with subtle shadows.
preloaded
Stripe
Professional, blue-led, trust-first. Dense yet never cluttered.
preloaded
Vercel
Clean white canvas with surgical black. Performance-first aesthetic.
preloaded
Pick a design system to edit, or create one.
Design systems
Visual vocabulary A design system is a 9-section Markdown file: colour, typography, spacing, layout, components, motion, voice, brand, anti-patterns. Five come preloaded. Write your own.
Anthropic / Claude
Warm, considered, unhurried. Cream and amber with generous whitespace.
preloaded
Brutalist
High-contrast system with thick borders and system fonts.
preloaded
Ink & Paper
Minimal monochrome system with one accent slot.
preloaded
Linear
Monochrome precision. Sharp edges, tight spacing, zero ornamentation.
preloaded
Notion
Editorial, flexible, document-first. Everything as blocks.
preloaded
SaaS Clean
Modern SaaS palette with subtle shadows.
preloaded
Stripe
Professional, blue-led, trust-first. Dense yet never cluttered.
preloaded
Vercel
Clean white canvas with surgical black. Performance-first aesthetic.
preloaded
Pick a design system to edit, or create one.