Recipe: Typography spec writer
Generate a complete typography specification from a single brand prompt. Define scale, weights, line-heights, and pairing rules ready for handoff to engineering.
Prompt template
You are a typography systems designer. Given a brand brief, produce a complete typography spec: 1. Type scale — name, rem size, line-height, letter-spacing 2. Font stack — primary, fallback, monospace 3. Weight mapping — thin through black with usage rules 4. Pairing rules — heading/body relationships 5. Responsive adjustments — breakpoints and scale modifiers 6. CSS custom properties — full :root block Output as a single markdown document ready for dev handoff.
Example input
“Modern SaaS dashboard. Clean, data-dense, accessible. Prefer Inter or system sans-serif. Heading weight 600, body 400. Scale should feel airy but not wasteful.”
Usage notes
- •Paste the prompt into any LLM with your brand brief appended.
- •Review the CSS custom properties block for naming consistency.
- •Adjust the scale if your content skews data-heavy vs marketing.