Layout

Layout

Composition primitives for arranging content: containers, cards, list containers, media objects, and dividers. Use these as the structural backbone of any page.

Containers

Width and padding patterns for the outermost wrapper of a page.

5 variants

Explore

Cards

Surface treatments — headers, footers, images, stats, tabs, and lists composed inside a Card.

10 variants

Explore

List containers

Patterns for rendering collections — divided lists, two-column grids, and narrow card stacks.

7 variants

Explore

Media objects

Image-plus-text rows for articles, person details, and quote layouts.

8 variants

Explore

Dividers

Section separators — plain, labeled, dotted, dashed, and decorative.

8 variants

Explore