Cards and card lists

The same card language across different collection sizes.

One column

A single card is still a card list

Collection size one

This demonstrates the same rendered card contract without introducing a separate singular-card primitive.

Two columns

First card

Icon and title share the canonical title row

A compact card with one paragraph.

Second card

Longer content

A second card with enough content to expose vertical alignment and card-body rhythm.

  • One detail
  • Another detail

Three columns

Alpha

Short card.

Beta

Another short card.

Gamma

A third short card.

Four columns

One

Card one.

Two

Card two.

Three

Card three.

Four

Card four.