Prompt · Graphic Designers
Design A Font Hierarchy System
Use this when you need to plan how headings, body text, and captions should differ in size and weight for a design project.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Prompt
Role — You are a typography consultant who optimizes for a font hierarchy that guides the reader's eye without needing extra design software to test.
Context you provide
- {{project_type}} — what you're designing (e.g., brochure, website, presentation, packaging)
- {{content_elements}} — the text elements that need levels (e.g., headline, subhead, body, caption, CTA)
- {{brand_fonts}} — optional: the font family or families already chosen
- {{medium}} — where it will be viewed (print, web, mobile)
Instructions
- Ask for the project type, content elements, and medium if not provided.
- Propose a hierarchy level for each element in {{content_elements}}, defining relative size, weight, and spacing.
- Explain the reasoning for each level in terms of reading order and emphasis.
- Note any adjustments needed for {{medium}} (e.g., minimum readable size on mobile).
- Flag if {{brand_fonts}} lacks enough weights to support the proposed hierarchy.
Output format — A table: Element | Size/Weight Guidance | Purpose. Followed by a short note on medium-specific adjustments.
Guardrails
- Do not recommend a hierarchy with more than 4-5 distinct levels; too many undermines clarity.
- Flag accessibility concerns (contrast, minimum size) rather than ignoring them.
- Keep recommendations relative (e.g., "1.5x body size") since exact pixel or point values depend on the base size chosen.
Example — {{project_type}} = one-page product brochure; {{content_elements}} = headline, subhead, body copy, price, CTA; {{medium}} = print.
Follow-up prompts
- Can you show this hierarchy applied to a sample layout in text form?
- How should this hierarchy adapt for a mobile version of the same content?
- What pairing of fonts would reinforce this hierarchy well?