The classic centred hero — eyebrow, headline with an accent span, tagline, and primary + secondary CTAs.

A hero with a palette-reactive three.js scene flowing behind it. Pick any of the Live Canvas scenes; it adopts your brand colours and is WebGL2 / reduced-motion / saveData-gated out of the box.

Two-column hero — copy and CTA on one side, an image on the other. Reversible.

Full-bleed background image with overlaid headline, tagline and CTA. Cinematic.

A premium asymmetric tile grid — a featured 2×2 tile anchors the layout, supporting tiles fall into place. The accent follows your palette.

A responsive 3-column grid of features with an etched hairline-grid look. Scales to 6–30.

Text + checklist on one side, an image on the other. For explaining one capability in depth.

Icon-led value cards — the "why us" grid. Re-tones with your Voice (genome) copy.

Numbered steps that walk a visitor from intent to outcome. 2–5 steps.

A band of 1–4 big numbers over small labels. Proof at a glance.

A tidy grid of short labels — materials, tooling, what you work with.

An image grid with optional captions. For lookbooks, work, and product shots.

A clean prose block for long-form copy, policies, or an about section.

A CSS-only infinite scroller for short phrases or "logos as text". Reduced-motion-aware and pauses on hover.

Customer quotes with author + role. Pairs with Review JSON-LD on the storefront.

A single oversized quote with attribution. A moment of focus between sections.

A row of partner / press / customer logos. Quiet, credible social proof.

Side-by-side plans with features and a highlighted recommended tier.

An accordion of questions and answers. Ships FAQPage JSON-LD on the storefront.

A bold full-width call-to-action band on your accent colour.

An email-capture block with a single field and a clear promise.

The closing call-to-action that ends a page — headline, line, and a primary button.

An interactive "build your own" product configurator: pick a finish / size / extras and the preview recolours + the price updates live. The killer commerce primitive — a $100k-feeling configurator on any page.

Scroll-driven cinematic storytelling: full-viewport "beats" whose copy fades and glides in as you scroll, Apple-product-page style — native CSS scroll-driven animation, no JavaScript, with a content-visible fallback.

A premium product showroom on the Live Canvas: a palette-reactive 3D centrepiece framed with the product name, spec rail and CTA — the "see it in 3D" moment. WebGL2 / reduced-motion gated, three.js lazy-loaded.

Drag the handle (or arrow-keys) to wipe between two states — before/after, plain/premium, with/without. Works with two images or pure-CSS gradient panels. Accessible and touch-friendly.