Cards

Pale concrete planes and three circular openings rise against a soft blue sky.

Photography / Samuel Zeller

Concrete and sky

A study in scale, surface, and three small openings.

Include media

Usage

A card needs a meaningful title and a clear destination. Keep content and actions separate. Give comparable cards comparable media, with room for an occasional lead.

Exports / Card

Patterns

React

import { Card, Button } from "./folio";

<Card title="Material studies" description="An ongoing collection of surfaces, forms, and light." href="/collection">
  <Button onClick={() => console.log("Saved")}>Save collection</Button>
</Card>