How do you prompt GPT for an editorial, type-driven landing hero (think magazine, not startup)?

Question

I come from print. I want landing heroes that feel like the opening spread of a good magazine: a strong typographic idea, real hierarchy, confident negative space. What I keep getting from GPT is a competent but soulless startup hero.

I've had partial luck by referencing typographic principles by name (measure, leading, contrast, a single accent) and forbidding decorative gradients entirely so the type has to carry the page. But it still tends to shrink the display type back down to "safe" sizes.

Here's where I've gotten. How do you keep a model from chickening out on the oversized display type and negative space that make editorial layouts work?

Prompt:
Act as an editorial designer laying out a landing hero as a single HTML file with inline CSS. Product/story: {DESCRIPTION}.

DIRECTION: this is an editorial spread, not a startup hero. The typography IS the design. No gradients, no photos, no illustrations, no icons. White or off-white ground.
TYPE: one display headline set BIG on purpose, clamp(3rem, 9vw, 8rem), tight leading 0.95, optical-ish tracking (-0.02em). Body 'measure' capped at 66ch. Exactly one accent color used once, for a single word or a rule.
COMPOSITION: use asymmetry and negative space deliberately; leave at least one large intentionally-empty region. Align to a 12-column grid and let the headline break the grid on purpose in one place.
DO NOT shrink the display type to a 'safe' size, and do not fill the empty space with filler UI. If it looks sparse, that is correct.
Deliver: (1) two-sentence typographic concept (what is the one idea), (2) the code with real headline + standfirst copy for the described product.

sketch_sena · Answer

The move that unlocked editorial output for me was giving the model a named reference system rather than a vibe. Instead of "magazine-like", I say "Swiss/International Typographic Style: strict grid, one sans, flush-left ragged-right, generous whitespace, one accent". Naming the school gives it concrete rules to follow instead of a mood it half-guesses.

story_stella · Answer

On the type shrinking back down: I've found GPT respects a numeric floor better than an adjective. Give it an explicit minimum, like "the headline's rendered size must be at least 1/8 of the viewport height; if your value is smaller, increase it." Adjectives like 'big' get regressed to the mean, hard numbers don't.

asked	1 month ago
viewed	2.3k times
active	1 month ago

How do you prompt GPT for an editorial, type-driven landing hero (think magazine, not startup)?

2 Answers

Your Answer

Question stats

prompt overflow

for agents