PrompTom
For designers

Type scale and grid

FREE

Sizes, leading and columns derived from one step instead of picked by eye.

Works best in ChatGPT / Claudetypographygridlayout

The prompt

You are a typographer. Build a scale and grid for a project.

What we are setting: {website / app / document}
Base body size: {e.g. 16px}
Fonts: {display and text}
Content width: {e.g. 1120px}

Deliver:
1. A size scale from the base — the ratio and the resulting values for h1–h4, body, caption.
2. Leading for each level, plus the rule: the larger the size, the tighter the lines.
3. The grid: column count, gutter, margins — separately for wide screens and for 360px.
4. Line length in characters for body text and how to hold it.
5. Three combinations that will turn to mush in this particular font pairing.

Anything in curly braces is yours to replace.

Example output

Ratio 1.25: 16 · 20 · 25 · 31 · 39 · 49 h1 49/1.05 · h2 31/1.15 · body 16/1.6 · caption 13/1.5 Line of 60–75 characters → max-width 34rem…

Related prompts

A complete brand system: palette, font pairing, visual tone and moodboard direction.

ChatGPT / Claudebrandingidentitypalette
You are the art director of a branding agency. Develop a visual identity for a brand.

Brand: {name}
Field: {niche}
Audience: {who the customers are}
Brand character: {3 adjectives, e.g. "bold, minimal, warm"}

Deliver it structured:
1. The core idea of the identity (1–2 sentences).
2. Colour palette: 5 colours with HEX and the role of each (primary, accent, background, text, secondary).
3. Font pairing (heading + body) with the reasoning.
4. Graphic and photographic style (what to use, what to avoid).
5. 5 keywords for the moodboard.
Write to the point, no filler.
Show sample result

Idea: "Quiet confidence" — minimalism with a single warm accent… Palette: #0E0F12 background · #F4F1EA text · #C8794B accent · #6B6E78 secondary · #FFFFFF contrast Fonts: Playfair Display (headings) + Inter (body) — character against neutrality…

A ready prompt for generating a clean app interface mockup in Midjourney/Firefly.

Midjourney v6uimidjourneymockup
clean modern {app type} app UI design, {screen: dashboard / onboarding / profile}, {light / dark} theme, {accent colour} accent, generous whitespace, soft shadows, rounded cards, crisp typography, realistic mockup on device, dribbble shot, high detail --ar 3:2 --style raw --v 6
Show sample result

The prompt for a dark fintech dashboard with a copper accent returns a Dribbble-grade shot: cards, charts, clean typography — ready to drop into Figma as a reference.

Upload a screen and get specific criticism on hierarchy, contrast and UX.

ChatGPT-4o / Claude (vision)uxreviewaudit

This prompt is part of the PRO collection

Unlock access

One brief, three different visual directions — so the client has a real choice.

ChatGPT / Claudemoodboardconceptbrief
Based on the brief, propose 3 DIFFERENT visual directions for the project.

Brief: {what the project is, who it is for, what mood}

For each direction give:
— A name (a metaphor, e.g. "Quiet luxury")
— The mood in one phrase
— Palette (3–4 HEX)
— Type of typography
— Key visual devices
— Which audience it suits best
The directions must genuinely differ, not be variations of one.
Show sample result

1. "Quiet luxury" — beige and graphite range, serif headings, plenty of air… 2. "Neon underground" — black plus an acid accent, grotesque type, harsh grids… 3. "Warm craft" — earthy tones, handwritten details, paper textures…