PrompTom
Для дизайнерів

Type scale and grid

FREE

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

Найкраще працює в ChatGPT / Claudetypographygridlayout

Текст промта

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.

У фігурних дужках — те, що треба замінити на своє.

Приклад результату

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…

Схожі промти

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.
Показати приклад результату

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
Показати приклад результату

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

Промт входить до PRO-добірки

Відкрити доступ

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.
Показати приклад результату

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…