prompt

Typography Scale Builder

Generates a modular type scale with sizes, line heights, and weights for headings and body.

VettedUpdated June 2026
The prompt
Build a modular typography scale for {{platform}} using a base size of {{base_size}} and a ratio of {{ratio}}. Output a table with token name, size, line height, weight, and suggested use for each step from caption up to display. Platform: {{platform}}.
Did it work? Rate this prompt

Variables

platformPlatform
base_sizeBase size
ratioScale ratio

Example output

Base 16px, ratio 1.25 (major third). Caption 12.8px / 1.5 / Regular — helper text. Body 16px / 1.6 / Regular — paragraphs. Body Large 20px / 1.5 / Regular — lead text. H3 25px / 1.4 / Medium. H2 31px / 1.3 / Semibold. H1 39px / 1.2 / Bold. Display 49px / 1.1 / Bold — hero headlines.

Details

Author

AI Khazna

License

—

Security

Vetted

Type

prompt

Frequently asked questions

What is the Typography Scale Builder prompt?

Generates a modular type scale with sizes, line heights, and weights for headings and body.

Is Typography Scale Builder free?

Yes, it is free to use.

Related assets

More curated picks in Design & Creative.

prompt
Checks color pairs against WCAG contrast rules and suggests accessible fixes.
Accessibility Contrast Checker
Checks color pairs against WCAG contrast rules and suggests accessible fixes.0+
prompt
Specs a UI component with its variants, states, sizing, and usage rules for a design system.
Design System Component Spec
Specs a UI component with its variants, states, sizing, and usage rules for a design system.0+
prompt
Turns a vague design ask into a structured creative brief a designer can act on.
Creative Brief Generator
Turns a vague design ask into a structured creative brief a designer can act on.0+
prompt
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.
Dark Mode Palette Adapter
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.0+
prompt
Defines a consistent illustration direction including style, palette, composition, and do/don't rules.
Illustration Style Brief
Defines a consistent illustration direction including style, palette, composition, and do/don't rules.0+
prompt
Recommends harmonious font pairings for a brand or project with rationale and usage guidance.
Font Pairing Advisor
Recommends harmonious font pairings for a brand or project with rationale and usage guidance.0+

Audit before you install

Run any source through our checks - AI visibility, security, performance, and stack detection.

AI Agent / MCP Server Tester

ai testing

Automated Web Security Scan

security

AI Content Quality Test

arabic content

Site Stack Detector

migration

PageSpeed Analyzer

performance

AI SEO / AEO / GEO Audit

ai visibility

llms.txt Generator

ai visibility

Schema / JSON-LD Builder

ai visibility

Readability Score

arabic content

AI Cost Calculator

ai testing

Headline Analyzer

arabic content

More in Design & Creative