E-Commerce

Split Media Hero

A two-column opening layout that balances concise positioning copy with a responsive media surface.

Gradient Headline Hero

A centered opening statement that pairs a high-contrast headline with supporting copy, announcement context, and conversion actions.

Feature Card Grid

A responsive icon-card grid that makes a capability set easy to compare without turning every feature into a separate page.

Capabilities Bento

A mixed-size capability grid that gives the primary feature the largest visual weight while keeping supporting capabilities scannable.

Counter Bar

A compact metric bar that turns a small set of measured outcomes into an animated, readable proof row.

Spec Comparison

A side-by-side specification grid that gives a product decision concrete, aligned evidence instead of a loose feature list.

Full-Bleed Media

An edge-to-edge image section with a positioned text overlay and scrim that keeps the message legible over visual media.

Testimonial Carousel

A keyboard-navigable testimonial rotation that pauses on interaction and turns customer voice into a focused proof moment.

Logo Marquee

A trust strip that moves partner marks as a CSS loop and degrades to a static, accessible logo group under reduced motion.

FAQ Accordion

An accessible expandable Q&A section with single- or multi-open behavior for resolving objections near the end of a page.

Product Options CTA

A plan or product option comparison that makes the recommended choice visually explicit while keeping alternatives scannable.

Gradient CTA

A closing call-to-action with a restrained gradient field, clear hierarchy, and explicit primary and secondary paths.