Page Patterns

Expandable panels that reveal content when their header is clicked.

A grid of varied-size boxes packed together like a bento.

A grid of equal-sized cards holding repeating content.

A row of slides the user swipes or auto-advances through.

A table comparing features across multiple options.

A section dedicated to a single call-to-action.

A list of common questions and their short answers.

A grid showcasing several product features at once.

Content that extends edge to edge with no side margins.

Page sections arranged on a strict column grid.

The big top section of a landing page that introduces a product.

Three columns plus a header and footer — the classic web layout.

A full-screen overlay that displays a single image or video.

A grid of items with varying heights packed bottom-up.

A side-by-side display of pricing plans and their features.

Two equal panels side by side, each with its own content.

A sidebar that stays visible while the rest of the page scrolls.

A short quote from a customer praising the product.