Design prompts for agency websites

An agency website has one job: make a stranger believe you can make their thing look this good. So the site itself has to be the proof. The best ones lead with the work, not a stock hero, set a sharp positioning line in oversized type, keep the palette neutral so the projects supply the color, and back it with named clients and one clear ask. The prompts below are the most-copied agency, studio and portfolio styles in the Superdesign library, from bold editorial to neo-brutalist to cinematic dark. Open any one to see the exact prompt behind it, then tweak the copy and generate your own editable version in seconds.

How to prompt an agency site that looks designed, not generated

An AI design agent has a strong default for an agency site, and most of those defaults are wrong: a centered "we build digital experiences" hero, the Inter typeface at a timid size, a dark purple gradient, and a wall of equal service cards with no real work in sight. A good prompt is really a list of constraints that override those defaults. Here is each default you need to override, the words that do it, and a template that bakes them all in.

Design the homepage for [agency name], a [discipline, e.g. brand and product design] studio for [who you serve].
Hero: an oversized headline that states the positioning, not a slogan: "[what you do] for [who]". One line of proof under it (years, client count or a result). One primary CTA.
Work first: a grid of [4 to 6] project tiles right after the hero, each with a real cover image, the project name, and a one-line result. Make the work the hero, not a stock photo.
Services: a short list of [3 to 5] disciplines, named plainly. No equal feature-card wall.
Proof: a row of named client logos near the top and one or two short testimonials with attribution.
Type: an oversized display typeface [name it, e.g. Clash Grotesk] for the hero (80px or more on desktop), paired with a clean body face. Not the default Inter.
Color: a neutral base [light or dark] with one accent color used sparingly. Let the project thumbnails supply the color.
Motion: name the interactions you want, for example a custom cursor that scales on hover, thumbnails that reveal on scroll, smooth page transitions.
Close with a contact section: a single clear ask ("Start a project") and a real way to reach you.

Hero headline

Default: It centers a vague slogan like "We build digital experiences that drive results", which could belong to any agency on earth.

Constrain it: Make the headline state the positioning: what you do, for whom. Add one line of proof under it, like a client count or a result.

Lead with the work

Default: It opens on a generic stock hero and buries the actual projects several scrolls down, if it shows any at all.

Constrain it: Ask for a grid of real project tiles right after the hero, each a named case study with a one-line result. Make the work the first thing you see.

Typography

Default: Left alone it reaches for the Inter typeface at a safe, timid size, so the page looks like every other AI-generated site.

Constrain it: Name an oversized display typeface for the hero, 80px or more on desktop, paired with a clean body face. State both by name.

Color and restraint

Default: It defaults to a dark theme with a purple gradient and a scatter of bright accent colors used as decoration.

Constrain it: Name a neutral base, light or dark, with one accent color used sparingly. Let the project thumbnails supply the color, not the chrome.

Motion

Default: It either ships a static page or drops a generic fade-in on every block, with no intent behind the movement.

Constrain it: Name the interactions you want: a custom cursor that scales on hover, thumbnails that reveal on scroll, smooth page transitions.

Proof and the ask

Default: It ends on a bare "Contact us" with no client names, no testimonials, and nothing to make a stranger trust you.

Constrain it: Put named client logos near the top, add a short testimonial with attribution, and close with one clear ask like "Start a project".

Frequently asked questions

What makes a good agency website?

It is the proof. Lead with the work instead of a stock hero, state your positioning in one sharp line, keep the layout calm so the projects stand out, name your clients, and make the next step obvious. A site that looks this good is the strongest argument you can make.

What should an agency website include?

A hero that says what you do and for whom, a work grid of real case studies near the top, a short and plainly named list of services, named client logos and a testimonial or two for trust, an honest about or team section, and one clear contact CTA. Skip the wall of equal feature cards.

Why does my AI-generated agency website look generic?

Because a vague prompt gets the model defaults: a centered "we build digital experiences" hero, the Inter typeface at a safe size, a dark purple gradient, and equal service cards with no real work. Name your positioning line, lead with the projects, call out an oversized display typeface, keep one accent on a neutral base, and the look stops being the average.

How do you write a prompt to generate an agency website?

Describe the brief, not the vibe: the agency name and discipline, who you serve, a positioning headline with one line of proof, a work grid of named case studies, the named display typeface, a neutral base with one accent, the interactions you want, and the contact ask. The template above walks through each part, and you can open any example here to see a full prompt that works.

Can I use my own projects and brand colors?

Yes. Generate the layout first, then describe your real projects, client names and brand colors in plain language and branch a variant. Every design comes back as real, editable code, so wiring in your own case studies happens in your repo, not a rebuild from a picture. Stuck on something? Ping us and we will sort it out together.