All Ploybooks
Site BuildingOn demand~45 min

Create a Homepage from Scratch

Korra builds your homepage from a curated lookbook reference, then composes it section by section in Astro and Tailwind — no template fill-ins.

By Bryant ChouCo-founder & founding CTO at Webflow
How it runs

Korra walks Create a Homepage from Scratch through 5 phases.

  1. Establish a visual identity

    Korra searches the lookbook for references that match your industry, mood, and color palette — then locks the visual direction before writing a line of code.

  2. Apply brand theme

    Workspace brand tokens flow into the design system so every color, font, and radius is on-brand from the first paint.

  3. Build hero + above the fold

    Hero, eyebrow, headline, subhead, and primary CTA — composed and verified before any below-the-fold work begins.

  4. Build remaining sections

    Korra composes each section one at a time — features, social proof, FAQ, CTA — verifying responsive behavior after each.

  5. Verify + ship

    Smoke test, screenshot review at multiple breakpoints, then a clean commit ready to publish.

What you get

Concrete outputs every time Korra runs this.

  • A production-ready homepage

    Astro + Tailwind, on-brand, responsive, ready to publish.

  • A reusable design system

    Tokens + component patterns the rest of the site can reuse.

  • Lookbook-grounded design

    Visual direction rooted in real reference, not generic AI defaults.

When to use it
  • You have a brand but no homepage yet.
  • You want a one-of-one design — not a template that anyone with a Squarespace account could ship.
  • You want production-ready code, not a Figma file you still have to hand off.
About the author

Bryant Chou

Co-founder & founding CTO at Webflow

Bryant co-founded Webflow and architected the platform that now powers more than 1% of the active web. Along the way, he started and led the company's growth, marketing, sales, and data teams — scaling Webflow from $1MM to $100MM in revenue.

More from Bryant
Run together

Ploybooks that pair with Create a Homepage from Scratch.

See every Ploybook