Design a Brand-New Homepage
Your homepage starts from a hand-picked lookbook reference and gets written in real code, block after block — never a filled-in template.
Start FreeHow Rollouts runs this playbook — 5 phases.
- 01
Pick the design direction
Before any code exists, Rollouts pulls lookbook references that fit the industry you're in, the mood you want, and your palette — then commits to one aesthetic.
- 02
Apply brand theme
Brand tokens from your workspace drive the theme — colors, fonts, radii, all correct with zero manual styling.
- 03
Ship the hero first
The opening viewport — eyebrow, headline, subhead, CTA — gets built and checked before anything below it starts.
- 04
Build remaining sections
Social proof, feature blocks, FAQ, closing CTA — each lands separately, with a responsive check between.
- 05
Verify + ship
A final pass: smoke-test the build, review screenshots at several widths, and land one tidy publish-ready commit.
What lands in your lap on every run.
Your brand exists; your homepage doesn't. You want a design nobody else could ship — delivered as working code, with no mockup handoff step in between.
A homepage fit to ship
Real code, your brand, every breakpoint reviewed — a finished homepage you can publish today rather than a draft to babysit.
A design system you keep
The tokens and component patterns from this build carry forward, keeping each page you add later consistent with the first.
Lookbook-grounded design
An aesthetic grounded in actual reference sites for your market and mood — deliberate taste instead of the flat sameness AI tools default to.
Playbooks that pair with this one.
Ship a Content Page
Site BuildingResearch first, then build: how-tos, listicles, pillar guides, and head-to-head comparisons — each page carrying its supporting data with it.
Fix What Visitors See First
Site BuildingThe hero is the priciest real estate on any site. This recipe grades yours, rewrites it around a single benefit and a single action, and ships the result.
AEO Comparison Pages
SEO & AEOComparison, alternatives, and best-of pages written to be quoted — by AI Overviews and Perplexity, by ChatGPT, even Google SGE — built on honest-concession framing.