Design a Brand-New Homepage
Paste your site's address and Rollouts writes a new homepage in real code, in your brand and one of 56 looks, then measures it at desktop and phone widths and repairs what breaks.
Start FreeHow Rollouts runs this playbook — 5 phases.
- 01
Pick the design direction
Choose one of 56 looks, each written from measurements of award-winning sites, or let Rollouts match one to your kind of business when your site makes that clear.
- 02
Apply brand theme
Rollouts reads your current site for its colours, fonts, logo, photos, testimonials and copy, and the new page is written in them — no manual styling.
- 03
Write the page
The AI writes the whole page — hero, sections, closing call to action — as real HTML and CSS, and you watch it arrive in the preview.
- 04
Check and repair
Rollouts measures the page at desktop and phone widths and repairs what it finds: sideways scrolling, off-centre buttons, a lone card on the last row, dark text over a photo.
- 05
Refine + publish
Ask the chat for changes or edit the code directly, then publish to a shareable link or download the code as a zip.
What lands in your lap on every run.
Your site exists, but its homepage doesn't do it justice. You want a new one in your brand — delivered as working code, with no mockup handoff step in between.
A homepage fit to ship
Real HTML and CSS in your colours, fonts and words, checked at desktop and phone widths — publish it today or host the code yourself.
A design system you keep
The look you picked carries through every chat edit, so the changes and pages you ask for later match the first.
Taste from real sites
Each look was written from the type scales, spacing and colour roles of award-winning sites — deliberate taste instead of the flat sameness AI tools default to.
Playbooks that pair with this one.
Ship a Content Page
Site BuildingHow-tos, listicles, guides and comparisons in your site's look and voice: ask the builder for the page, review it, and publish.
Fix What Visitors See First
Site BuildingThe first screen is the priciest real estate on any site. This recipe checks your homepage's title, headline and meta description from your latest scan and gives you a direction for fixing each one that falls short.
AEO Comparison Pages
SEO & AEOComparison and alternatives pages in your brand, built on honest-concession framing — the kind of page AI Overviews, ChatGPT and Perplexity quote.