Create a Homepage from Scratch

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

By PloyThe Ploy team
How it runs

Ploy runs this Ploybook in 5 phases.

  1. Establish a visual identity

    Ploy 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

    Ploy 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.

Expected outputs

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.

  • A production-ready homepage

    A responsive, on-brand homepage built in Astro and Tailwind, composed section by section and reviewed at every breakpoint — ready to publish, not a rough first draft.

  • A reusable design system

    Color, type, and spacing tokens plus component patterns the rest of your site inherits, so every page you build next stays consistent without redoing the work.

  • Lookbook-grounded design

    Visual direction pulled from real reference sites that match your industry and mood — a considered aesthetic, never the flat, generic look of AI defaults.

Frequently asked

Workflow questions

Ploy builds your homepage from a curated lookbook reference, then composes it section by section in Astro and Tailwind — no template fill-ins.
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.
A production-ready homepage. A responsive, on-brand homepage built in Astro and Tailwind, composed section by section and reviewed at every breakpoint — ready to publish, not a rough first draft. A reusable design system. Color, type, and spacing tokens plus component patterns the rest of your site inherits, so every page you build next stays consistent without redoing the work. Lookbook-grounded design. Visual direction pulled from real reference sites that match your industry and mood — a considered aesthetic, never the flat, generic look of AI defaults.
Yes. A Ploybook is a reusable guide that adapts each run to the inputs you provide. You can run it on demand or customize a workspace copy for recurring work. Review and test that copy before scheduling it. Runs use AI credits, and required services must be connected for the account running the workflow.
About the expert

Ploy

The Ploy team

Built by the team at Ploy — the same people who set the design, performance, and SEO standards every Ploybook runs to, so the output ships on-brand and production-ready.

More from Ploy
Run together

Ploybooks that pair with Create a Homepage from Scratch.

Powers these in Ploy:AI Website Builder

Run Create a Homepage from Scratch today.

Bring your inputs and connect the services Create a Homepage from Scratch needs. Run the workflow, check its output, and adapt it for the next job. Each run uses AI credits.