The card.

A composition, not a variant set — seven slots that snap into a single bordered surface. One rounded-xl container, a quiet hairline, soft shadow; everything else is the content you bring.

01 · Anatomyseven composable slots inside one bordered surface

Tuesday · 6:30 PM

Restorative flow with Avery

A 60-minute studio session. Mats and props provided; arrive ten minutes early to settle in.

Reserve Details

1Card — rounded-xl border py-6 shadow-sm

2CardHeader — grid, gap-2, px-6

3CardTitle — text-heading-4 semibold

4CardDescription — muted, text-sm

5CardAction — pinned top-right

6CardContent — px-6 body

7CardFooter — flex, px-6, .border-t

02 · Compositionsno CVA variants — shape comes from which slots you include

Header · Content · Footer

Membership

Unlimited studio access

Includes all flow, restorative, and breathwork classes plus two guest passes a month.

Choose planCompare

Header + Action

Intake form

3 of 4 sections complete

In review

Action slot anchors top-right across both header rows via grid placement.

Content only · Card.Skeleton

role="status" · aria-busy · --control-box lines

Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

8.5 × 11 · Portrait