1
Live preview
See headlines, body, labels, and buttons on a full landing page before you export.
Professional modern tech
Primary buttons, accent links, muted cards, and borders all pull from your palette. Export DESIGN.md or hand the Pro .zip to Cursor and v0.
Space Grotesk headlines · DM Sans body · nine semantic tokens
Token coverage
9 / 9
Headline
Space
Body
DM
Typography and color tokens that coding agents actually follow.
See headlines, body, labels, and buttons on a full landing page before you export.
DESIGN.md, Cursor rules, and a runnable Next.js starter ship with your font roles.
Nine color roles keep surfaces, borders, and CTAs consistent across every page.
"Playground Kit keeps our landing pages, docs, and app UI aligned without a design handoff."
Download the Pro .zip or paste README.txt into Cursor to build the full site.