Blocks

Bento Features

Bento grid of feature cards with illustrations and supporting copy.

Accordion Features

Feature list that reveals details in an accordion next to a preview image.

Panel Features

Three full-height colored panels with line-art marks, numbers and a short pitch.

Illustrated Feature Grid

Six tinted tiles linking to each feature, each with a small illustration and a scribble.

Product Tiles

Tall light and dark product tiles with offers and photos that bleed off the edge.

Product Preview Cards

Tinted cards with a centered serif title over a glimpse of the product, wide when stacked.

Principle Cards

A headline with a call to action over three cards, the first set in reverse.

Value Cards

Three plain cards, each a short title at the top and its reason at the bottom.

Image Accordion

Large accordion headings, each opening its own image beside the list.

Integration Cards

Three tall colored cards, each framing one workflow above its name and pitch.

Timed Feature Tabs

A row of tabs that play through on their own, each opening a headline beside a photo.

Spotlight Tabs

A wide photo with a floating status card that changes with each tab below it.

Product Card

A split card pairing a short pitch with a cropped product screen and a toast.

Diagram Tabs

Steps on the left drive a diagram that draws forward or rewinds to the chosen step.

Sticky Section Nav

Long feature sections with a sticky side nav whose dot follows your scroll.

Stacking Cards

Tinted feature cards that stack on top of each other as you scroll.

Scroll Accordion

Numbered features that open one by one as their images scroll into view.

How It Works

Three numbered steps with an action each and a small product preview below.

Step Rail

Numbered steps along a rail that fills as you scroll, each with detail cards and a preview.