Feature Blocks

Two-column header above a full-bleed image band with a live view switcher, closing on three numbered captions.

Vertical hairline timeline alternating stages either side, dropping a phone frame on one step.

Tall image with a floating before-and-after card, leading into oversized-figure evidence rows.

Three image tiles stepping down the page in a staircase, each floating a different live asset.

Sticky heading column beside three labelled groups of checked capabilities, closing on a footnote.

Hairline rows walking through one working day, stamped with time and a live approval card inline.

Full-width hairline rows that expand in place to reveal a paragraph beside a live asset image.

A wide image tile with a floating trend metric sits above a hairline grid of icon-led capabilities.

A two-column header sits above a horizontally scrolling rail of numbered, timed step cards.

A soft rounded panel pairs copy and an image with a floating breakdown chart, closing on four capacity figures.

Two tall bordered cards each pair a live-asset image tile with a checked list and its own outline action.

Click through a hairline list of capabilities and the image tile beside it swaps to a matching live asset.

One centered image tile floats a live metrics panel and is annotated by icon callouts on both sides.

A statement and pill CTA share a baseline above three tall project tiles with ruled client/stage captions.

Ruled timeline pairing a year, a photograph, and the reason it forced a change.

Cinematic image band with a corner pill, followed by a ruled row of measured facts.

Three-image collage with a square crop overlapping a tall frame, beside a ruled fact list.

Soft cards floating a media piece over a dotted field, with a ruled delivery note.

A tall photo pinned with position: sticky beside a scrolling column of eyebrow-led notes.

Four soft cards with a full-bleed photo top, a display title, and a bottom-pinned tally line.

Feature rows that alternate the image side, each closing on an oversized outcome figure.

A wide photo with numbered markers pairs with a ruled list; selecting either highlights both.

Pill filters swap a ruled list of capability rows, each with a title, explanation, and duration.

Three ruled columns list what a project ships, each with a dotted-rule inventory of deliverables.

Centered heading over a wide image tile floating a command search bar, with quick-filter chips below.

Eyebrow over a hairline rule, a two-column heading, and three bordered cards floating a micro-asset each.

Two rich cards float a micro-asset above checked bullets, closed by a works-with integrations strip.

Eyebrow over a hairline rule, a two-column heading, and a responsive grid of icon-led capabilities.

Bento feature grid with an eyebrow kicker, two-column heading and paragraph, and four mixed-width tiles each floating a micro-asset chip above a caption.

Value proposition section with an eyebrow kicker, two-column heading and paragraph, and three portrait tiles each floating a micro-asset above a title and description.

Value proposition section with an eyebrow kicker, two-column heading and paragraph, a wide image panel with a floating segmented stat card, and a three-column benefit row.

Product feature section with an eyebrow kicker, two-column heading and paragraph, an image tile with a floating records panel, and an interactive accordion of capabilities.

Text-only manifesto grid: a hairline-bordered grid of short statements, each a bold title and a single explanatory line, with no imagery at all.

Feature and testimonial hybrid: a quote card on a muted background beside a 2x2 grid of icon feature highlights.

Two-column feature section: a vertical list of clickable thread buttons on the left swaps a sticky image panel on the right, the active item carrying full emphasis and a left border.

A header with a badge and heading above a dense two-column grid of icon-tile feature items.

Ruled rows pairing a large figure with a title and supporting copy, one stat per capability.

Clickable tab chips switch a large spotlight panel with image, title, description, and a checklist.

Three tall portrait images in a row, each paired with a padded numeral, title, and description.

A single-collapsible accordion of feature items on the left swaps a sticky image on the right.

A central core tile framed by module cards, each connected back to the core by an accent border.

A sticky left intro paired with a stacked, numbered list of feature blocks, each with an image.

Comparison feature with a header and two side-by-side panels, a muted cons list beside a solid dark pros list.

Compact principles grid with a header and a four-up row of top-border items, each with an icon, title and description.

Two-column split with an eyebrow, heading, description and CTA on the left, and a checklist with rounded check seals on the right.

Header above a tabbed showcase where each tab pairs a rounded image with a phase title and description.

Process section with a header and a vertical list of numbered steps separated by top borders.

Header with eyebrow, heading and outline CTA above a five-card bento grid with a tall lead cell, icons, titles and descriptions.

Centered header above three zigzag rows, each pairing a 4:3 image with a title, description and tag chips on alternating sides.

Header row with a CTA above stacked service cards that pair an index and growth stat with a thumbnail and tag chips.

Wide image card with a corner label and a glass testimonial-plus-stat band, followed by a row of icon reasons.

Centered header and dark CTA above a split block: a tall labeled image beside a two-by-two icon feature grid.

Stacked feature rows pairing a numbered copy panel with a phone-frame preview, benefit list, trusted-by avatars, rating, and download CTA.

Three-card showcase: a tagged copy panel with CTA, a centered preview card, and a divided list of included benefits.

Bordered explorer with a vertical icon tab rail that switches between preview-plus-checklist feature panels.

Horizontal top-tab feature showcase pairing copy and a checklist with a browser-chrome screenshot per workstream.

Asymmetric bento of capabilities: an image hero cell, an accent statement cell, and icon cells.

Alternating image-and-copy feature rows with checklists, image left and right per row.

Three-up service cards with accent icon chips and learn-more links.

Sticky intro column beside a scrollable stack of numbered service blocks.

Horizontal expanding accordion of services with vertical labels, revealing image, copy, and tags.

Eyebrow and large title with a right-aligned summary, a wide hero image, and a bold closing statement.

Centered header above a side-by-side image carousel with prev/next arrows, dots, and a full-size lightbox.

Two-column feature with heading and copy above a 2x2 icon stats grid, beside a square image.

Badge, heading, and copy on the left; a custom tab strip and panel on the right with real switching.

Centered header, a 4-step numbered process row with arrows, then a wide CTA card with image.

Badge, heading, description, and a 2-column icon checklist with CTA, beside a square image.

Large heading on the left, a 2x2 grid of icon feature cards on the right.

Alternating rows of a tall highlight card and stacked compact cards over a full-bleed dark photo.

Large image-topped hero card above a three-column feature card grid, over a full-bleed dark photo.

An accordion of capabilities on the left that swaps a photo on the right as each row opens.

A centered hero header with a CTA, followed by image-left/image-right rows.

A centered header above a three-column grid of icon-led service cards, with an optional CTA.

A centered headline above a 2x2 grid of large-icon feature tiles, with a closing CTA.

A left-aligned headline above a dense, divider-separated two-column list of icon-led capability rows.

A looping carousel of capability cards, each with a centered photo, that auto-advances or responds to prev/next controls.

Three side-by-side numbered step cards, each with a photo anchored to the bottom.

A full-bleed background photo with a heading and a grid of glass-morphism feature cards floating above it.

A bento-style grid of glass feature cards over a full-bleed background photo, with one card spanning two columns and two rows.

A large rounded image card on the left, overlapped by a stack of glass-morphism feature cards on the right.

A staggered grid of glass feature cards over a full-bleed photo, each with a large faint editorial number.

A three-column grid of image feature cards over a full-bleed background photo, with a glass header pinned via native CSS sticky positioning.

A hero-style stat row and a four-column feature card grid, both glass-morphism panels over a full-bleed background photo.

Zigzagging two-column glass cards with large icons and checklists, floating over a full-bleed photo.

Horizontal icon strip that swaps a detail card's content on click, floating over a full-bleed photo.

Masonry-style glass cards with optional image accents of varying aspect ratio, over a full-bleed photo.

A single full-width glass panel of large-icon feature rows separated by hairline dividers, over a full-bleed photo.

Three-column glass cards with a primary-colored top accent bar, an icon badge, and tag pills, over a full-bleed photo.

A single sticky image pinned beside a scrollable column of feature cards, no background media.

A sticky panel of headline stats pinned beside a scrollable column of feature cards, no background media.

Sticky left-column heading beside a right-column timeline of benefit items.

Five feature cards in a 3+2 bento grid with flush, edge-to-edge media tiles.

Standard section header above a centered empty-state panel with icon, copy, and one CTA.

Full-width highlighted hero card above a row of smaller icon feature cards.

3-column grid of numbered step cards, good for onboarding or how-it-works sections.

3-column grid of horizontal feature rows, each pairing a Lucide icon with title and description.

Platform architecture as color-coded horizontal layers that expand on click, one at a time.

A feature list on the left swaps a real code editor panel on the right, one snippet at a time.

A three-lane Shipped / In Progress / Planned roadmap board with icon, title, and status tag per card.

Click-to-expand feature cards that animate open with a real grid-rows transition, revealing a description and image.

Features presented inside a Spotlight/VS Code style command palette with live, grouped search filtering.

A pill toggle switches an item list between a before and after state, with each row fading in on a stagger.

A single-card carousel whose image crossfades between slides, with arrow navigation and dot progress.

A feature card grid where each card glows with a primary-colored spotlight that follows the cursor.

A sticky sidebar nav whose active link tracks which feature section is in view as you scroll.

Auto-scrolling rows of icon pills that loop seamlessly, pausing on hover, with edge fade masks.

Product features shown as a sequence of realistic terminal commands and their outputs.

Feature cards that scroll horizontally with snap points on mobile, and flow into a grid on desktop.

Three-column grid of video thumbnail cards with a play-button overlay and a duration badge.

Three-column grid of contact option cards with an icon, description, and action text.

Vertical feature list with horizontal dividers between rows and a hover arrow on each linked title.

Two-column grid of feature cards, each with a stacked, overlapping row of team-member avatars.

Two-column grid of linked product cards, each with several badge tags and a learn-more arrow.

Two-column grid of icon feature cards, each with two action buttons like "Try it" and "View docs".

Three-column layout of parent category cards with nested child items connected by branch lines.

Inline horizontal row of feature highlights with icons and vertical dividers, stacking on mobile.

A three-column grid of feature cards, each with an embedded customer quote and avatar.

Full-viewport sections with a fixed parallax background image and overlaid text.

Expandable accordion categories, each opening into a two-column checkmark feature list.

A single-open FAQ accordion whose plus icon swaps to a minus icon on the open item.

A three-column grid of image cards with a text overlay, hover zoom, and an arrow indicator.

A three-column screenshot grid with hover zoom icons that opens a full-screen lightbox on click.

A two-column grid of numbered action cards, each with a description and its own CTA button.

A responsive grid of stat cards, each showing a large number and a colored up/down change indicator.

Pill-style top tabs swap in a fresh set of three feature cards below, driven by real client state.

A CSS-columns masonry gallery of variable-height, linked image cards with a hover caption.

A two-column split: heading, copy, and a CTA on the left, a bordered 2x4 grid of checkmarks on the right.

A centered flexbox grid of logo tiles that go from grayscale to full color on hover, CSS only.

A 3-column grid of centered cards, each with a large centered icon above a title and description.

A 3-column capabilities grid with divider borders between items instead of individual cards.

A three-column grid of feature cards, each with a diagonal corner ribbon for New, Popular, or Beta.

A sticky sidebar of anchor links next to a stacked list of image-led feature sections, documentation-page style.

A real HTML table comparing Free and Premium plans, with check/cross icons and per-row text values.

A four-column grid of centered feature icons, each with a title and description below it.

A vertical stacked list of update entries, each with a title, description, status badge, and timestamp.

A two-column split of heading, description, and a checked bullet list beside an image, reversible via a boolean prop.

A real HTML table comparing features across plan columns with check/cross icons.

Centered flex row of icon-led pill badges, a quick key-benefits strip.

Centered card with a badge, heading, description, and a highlighted pill callout.

Centered star rating, review count, and a row of stat proofs, a trust-indicator block.

Responsive grid of linked tool cards with icons and descriptions, a stack/integrations showcase.

Responsive grid of checkmark-led benefit items, a value-proposition block.

Responsive grid of service cards with descriptions and a trailing arrow icon.

Centered grid of six icon buttons with circular backgrounds and a label under each.

One centered pricing card with a price, a checklist feature list, and a CTA button.

Responsive grid of numbered step cards, each with a title and description.

Responsive grid of large stat numbers, each with a label and a short description.

Minimal, center-aligned display of one or two very large stat numbers.

Responsive grid of linked tool cards with a description and tag badges on each.

Vertical stacked list of linked topics with a title, subtitle, and trailing chevron.

Responsive grid of review cards, each with a 5-star rating row, a quote, and a review count.

Responsive grid of category cards with an icon, a name, and a formatted listing count.

Responsive grid of goal cards, each with a static percentage progress bar and an optional detail line.

Centered, wrapping row of bordered pill badges, each with an icon and a technology name.

Responsive grid of project cards with a status badge and a stacked team-member avatar row.

Two-column grid of checklist items with a real checkbox and strikethrough styling for completed items.

Two-column grid of numbered items with circular number badges, titles, and descriptions.

Asymmetric bento grid of mixed-size, color-varied cards with a large stat highlight cell.

Static side-by-side cards contrasting pain points against the after-state, no toggle.

Six-card grid pairing an icon and description with a highlighted stat, CSS-only hover effect.

Sequential step timeline with icons and duration badges, horizontal on desktop, vertical on mobile.

Six-card wellness benefit grid with icons that scale and recolor via CSS group-hover.

Split layout with a hero image, a floating stat card over its corner, and a feature checklist.

Zig-zag rows pairing a photo with a colored icon badge, title, and description.

Four equal feature cards, each with a large circular icon badge above a bold title.

Centered service block: badge, heading, CTAs, and an icon-prefixed detail row below.

Hover a step on the left to swap the detailed preview shown on the right.

Multi-step setup checklist beside a sticky sidebar with a static progress bar and stats.

Tab-switched grid of plan cards, each with a CTA button and a checklist of included items.

Two-column split header with an accent-highlighted heading, above a three-card service grid.

A two-tone heading over a grid of clickable, accent-colored module cards that lift on hover.

Four equal-width steps, each a large circular accent-colored icon badge with a numbered corner tag above a bold title.

Three feature cards that swap the usual icon for a real micro-asset: a bar chart, a before/after stat, and a terminal prompt.