Choose a Type Scale for a Page
Added 2026-11-02
Fix body size first, derive headings by ratio, stop eyeballing each size.
I need a type scale for a page (type described below). Do: 1) set the body size and line height, with the reasoning — reading distance, viewport width; 2) use a 1.25 or 1.333 ratio and list sizes for H1 to H4, body and secondary text; 3) say whether mobile should use the same scale; 4) point out the two places most likely to look top-heavy; 5) give a way to check hierarchy is clear without design software. Do not create too many levels.
Site original
Chinese original
How to use
字号体系的价值是「不用每次重新决定」。
Try tweaking it
- Swap style words for measurable parameters: light, lens, material, composition.
- Ask for three variants of one prompt, then compare the differences.
What you should get
- A parameter sheet you can act on (light, lens, material, framing)
- Two or three alternatives with trade-offs
Common mistakes
- Stacking words like "premium, cinematic, 8K" — no two results match.
- Asking for a real brand or celebrity look and getting something close but unusable.
How to check the output
- Parameters are executable — ready to use in a tool or hand to a designer.
- It explains the trade-offs, not just the final look.
Where it works
- Good for: breaking vague "premium feel" into concrete light, material, lens and composition parameters.
- Watch out: for real brands, celebrities or third-party work, use equivalent descriptions to avoid infringement.