Pages

Six pages assembled from the catalog and nothing else. Each one is a different page grammar, so a client can see that the same fifty eight patterns cover a homepage, a service page, a conversion page, a trust page, a shop and a long-form article without a new block being invented for any of them.

Homepage

homepage.html

The reference wireframe's own order, extended with the stats band, testimonial rail and closing call to action a real homepage needs.

Service page

landing-1-service-page.html

Opens on the dark banner with a breadcrumb, then overview, what is included, process and questions.

Lead capture

landing-2-lead-capture.html

No banner and no breadcrumb. Split hero straight into proof, then the full form. Everything above it exists to get someone to it.

About and team

landing-3-about-team.html

Who we are with the map, the team grid at portrait ratio, alternating feature rows, gallery and recent posts.

Shop

page-shop.html

The whole commerce path in one page: listing, filtered results, product detail, ratings, and the cart with its totals panel.

Article

page-article.html

Long-form with a sticky contents rail, real prose scaffolding rather than bars, a pull quote, the author block and two next reads.