Most layout galleries sort by look: minimal, bold, dark, playful. Wrong axis. A layout is a structural answer to a job the page has to do. Get the job right and almost any visual style works on top of it; get it wrong and no polish fixes it. Here are five layouts that cover most commercial sites, matched to the job each solves, with a prompt for your agent.
Five jobs, five layouts
| If your page needs to... | Use this layout |
|---|---|
| Convert one specific offer from one traffic source | Single-offer landing page |
| Let a buyer compare several services before choosing | Service menu |
| Prove your work before anyone reads a word | Portfolio grid |
| Persuade a cold, skeptical reader in one sitting | Long-form sales page |
| Answer several different buyer questions on their own terms | Multi-page site |
1. Single-offer landing page
One URL, one argument. Every section restates the same offer from a different angle, and the call to action repeats as often as the page needs. No navigation, because there is nowhere else you want the visitor to go. Whether one page is enough for the business is the prior question, and five questions settle it, while how to make a landing page walks this layout from an offer to a live address. To assemble that page by hand instead, Carrd is the classic tool, and how it compares comes down to who maintains the site afterwards.
Prompt for your agent: "Build a single-page landing site for [offer]. Structure: a hero section stating the offer in one sentence with a call-to-action button, a proof section with two or three credibility signals, a section restating the offer with what's included, and a final call-to-action section. No navigation menu."
2. Service menu
The hero sells the business, not one offer. A grid of services below lets a buyer compare and pick their own entry point, and each tile can lead to its own detail section further down or its own page once there's enough to say about it.
Prompt for your agent: "Build a services page for [business]. Structure: a hero introducing the business in general terms, a grid of [N] services each with a short description and a link to more detail, and a contact section at the bottom. Each service should be scannable in under ten seconds."
3. Portfolio grid
The work leads. A short hero states who this is for, then the grid does the persuading before a single word of copy does. Each tile should open onto enough detail to answer "what exactly did they do," not just a pretty thumbnail. Choosing which pieces earn a tile is the harder half, and how to make a portfolio website works through it.
If the grid is for coursework rather than client jobs, the tiles have to carry the explanation the work cannot, which is what separates the student portfolio examples that hold up from the ones that do not.
Prompt for your agent: "Build a portfolio page for [name/business]. Structure: a one-line hero, a grid of [N] project tiles each with an image, title, and one sentence of context, and a contact section. Each tile should link to a page with the full case: the problem, the work, and the result."
4. Long-form sales page
This one is long on purpose. A skeptical reader with no prior context needs the problem named, then agitated, before a solution means anything to them. Proof and an objections section come before the ask, not after it.
Prompt for your agent: "Build a long-form sales page for [offer]. Structure, in order: a problem statement, a section on why the problem is worse than it looks, the solution, a proof section with specific evidence, the offer with price, an FAQ answering the three most likely objections, and a final call to action. No navigation menu, this is a single scroll."
5. Multi-page site with shared navigation
No single page tries to do everything. The homepage's job is routing, not closing: it sends each visitor to the page that answers their specific question. This is the right structure once you have more than one kind of buyer or more than one kind of content that keeps growing, like a blog or a case archive.
Prompt for your agent: "Build a [N]-page site for [business] with shared navigation: Home, About, Services, and Contact. Home should briefly introduce the business and link to the other three. Each other page answers exactly one question a buyer would have."
Matching your job to the right layout
With a brief that names the job, matching it to one of these five is mechanical. Without one, that is the actual first step: your prompt is the brief covers how to write one your agent can act on. Once the structure is settled the page still needs a name, and which title you are naming is four separate decisions. Below the last section, what belongs in the footer is a shorter list than most sites end up with.
Describe the job, get the structure built
Describe it in Birta's chat and its agent builds and publishes it. Or connect the agent you already use.