Build from a direction that already works.

Large centered blockquote with attribution, for breaking up long-form editorial and advertorial content with an authoritative or emotional statement.

Repeatable listicle block: large number, image, heading, and body copy. Stack multiple instances to build a 'Top X reasons' or 'X tips' article.

Sticky in-page navigation listing article sections as anchor links. For long-form editorial, listicle, and educational hub pages.

Page furniture — not composed into any full page yet.

Plain CSS-grid comparison table with a highlighted recommended column. No filtering or JS — for a straightforward feature-by-feature comparison of up to 3 products.

Informational section explaining auto-replenish subscription mechanics: frequency options, savings percentage, and pause/cancel reassurance. Plain HTML, no live selector.

Page furniture — not composed into any full page yet.

Self-selection hero with a headline and a row of clickable concern tiles (e.g. Acne, Dryness, Aging) linking into filtered collections. No JS — tiles are plain anchor links.

Interactive activewear lookbook that answers "how does it move?" with motion instead of flat shots: a 9:16 VideoPlayer (muted, looping, click-to-play) beside an autoplaying 4:5 MediaCarousel with arrows, dots and swipe, over a four-up ProductCarousel with hover-advance media and inline quick-add. A standalone QuickAdd sits in the spec card so a size can be chosen without scrolling — several sizes are genuinely sold out, so the disabled state is visible in preview rather than theoretical. All controls hold 44px touch targets.

Dark-mode supplement offer block that stacks three pricing mechanics without a BuyBox: a SubscriptionToggle defaulting to subscribe (three cadences, 10–20% off, benefits list), a QuantityBreaks card reframing tiers as per-day cost, and a sticky BundleBuilder with a 10% bundle discount and the shaker pre-selected. A StickyBar keyed to #ag-offer follows the user past the fold. Every island part is re-themed for the dark surface, so nothing falls back to the renderer's light defaults.

Complete page chrome for a restrained luxury brand — the whole frame in one section: a sticky SiteHeader with a rotating dismissible announcement, two-level dropdown nav, cart badge and outline consultation CTA, using its own built-in mobile panel; an expandable PaymentOptions line under the CTA; a second standalone AnnouncementBar carrying dispatch and returns terms; a newsletterSplit Footer with three link columns, socials and signup; and a BackToTop that appears past 500px. Between header and footer sits a four-up product tile row so the frame is shown around real content. Serif display type, uppercase micro-nav, 44px touch targets.

Page furniture — not composed into any full page yet.

Beauty social-proof block built on evidence rather than star counts: two clinical stat cards (94% no transfer at 12 hours, 88% zero irritation) sit beside a Modal that opens the full n=108 wear-test methodology, two saveable product cards using WishlistButton, and an EmailCapture offering 15% off with a discount code. A SocialProofPopup runs a static four-event recent-purchase feed bottom-left. Events are hardcoded on purpose — supplying an endpoint would make the island fetch, which the section sandbox forbids.

Sticky-column PDP detail block for a single-origin food product: a vertical-thumbnail ProductGallery on the wide side, and on the narrow side a spec grid (varietal, harvest, polyphenols, smoke point), an InventoryIndicator bar framed as finite harvest stock, a DeliveryEstimate card with cutoff countdown and a $75 free-shipping threshold, and a click-to-magnify ImageZoom that justifies the price by showing unfiltered colour. Specs collapse to one column and thumbnails grow to 56px touch targets under 768px.

Two-column fit-confidence section that answers the biggest apparel objection: a checklist of three concrete promises (free first exchange both ways, 365-day window valid even worn and washed, free lifetime repairs) sits beside a card of three count-up StatCards — 22% fewer returns, 94% kept their first size, 365 days to decide — over a policy CTA and a processing-time note. The headless StatCards island is fully styled by the section, since headless emits unstyled spans. Stacks at 900px, stats go single-column and left-aligned at 560px.