designpromthe digital archive / issue 04
Prompt writing guide

How to write AI website prompts that generate stronger layouts

The builder is best used as a first-draft tool for AI landing pages, portfolio websites, ecommerce homepages, and campaign microsites. A useful prompt should explain page type, hierarchy, visual cues, and the conversion or reading goal.

Key points3 items
  • Name the page type directly: landing page, portfolio, ecommerce homepage, campaign microsite, or documentation page.
  • Describe hierarchy and rhythm: hero scale, section spacing, grid density, image pacing, and CTA placement.
  • Describe what should not happen: avoid generic gradients, cluttered cards, weak hierarchy, or decorative UI noise.
Builder FAQ

Questions people ask before writing prompts

How do I write a better AI website prompt?

Start with page type, audience, tone, visual system, and conversion goal. Strong prompts usually mention layout density, typography cues, motion level, and what should be avoided.

What is the free preview in the builder for?

The free preview interprets your prompt into a likely website direction before you spend time in external generators. It helps you catch whether the prompt reads like a landing page, portfolio, campaign, or ecommerce layout.

Should I use Brand DNA examples before writing prompts?

Yes. Brand DNA pages are the fastest way to borrow a known interface language such as Apple-like restraint, Figma-like tool density, or Airbnb-like hospitality rhythm.