How to make a template's prompt yours

What to leave alone

The parts that make the template look the way it does: typefaces and sizes, the spacing scale, the palette, component shapes, timings and easing. These were tuned against each other. Changing the headline face or halving the spacing usually costs more than it gains.

What to replace

1. The subject. The brand name and what it sells or does, everywhere it appears.
2. The copy. Every headline and paragraph, keeping each close to the original's length so the layout still fits.
3. The images and objects. Your photographs for theirs. For a 3D object, your model, or a description of your product's shape.
4. The data. Prices, plans, menu, projects, dates.
5. One colour, if you must. Swap the accent for your brand's and leave the neutrals.

How to tell the agent

Paste the template's prompt, then add a short block under it that begins "Build this for my brand, not the one above" and lists your replacements. An agent handles a clear list of substitutions well. It handles "make it more like us" badly.

Keep content in its natural form: a timetable stays a grid, a balance stays a number, a product is shown as the product.

The block to add under a template's prompt

Build this for my brand, not the one described above. Keep the design exactly: typefaces, sizes, spacing, colours, components and motion.

Replace:
- Brand: [name], [what it is in one line].
- Headline: "[yours]" (about the same length as the original).
- Subline: "[yours]".
- Sections: [original section] → [your content], [original section] → [your content].
- Images: use the files in ./images, in this order: [list].
- Accent colour: [#hex] in place of the original accent. Leave every other colour.
- Links: [your navigation], [your email], [your socials].

Do not add sections, and do not remove any without telling me which and why.

Written for this page as a starting point; swap the parts in [brackets] for your own. The full prompt of each uberdesigner template is longer and specific to one finished design, and it is tested by rebuilding the template from the prompt alone.

Keep reading

• The anatomy of a website promptThe seven parts of a website prompt that builds a site worth shipping, with an annotated example.
• Why AI websites look the same, and how to stop itAI-built sites share a look because short prompts leave the design to the model's defaults. Four changes to a prompt that break the pattern.
• Where to paste a website promptCoding agents, AI editors and plain chats handle a website prompt differently. What each can do, and which to use.

• Landing pages
• Portfolios
• Shops