Cards
Surface containers that rest on the cream page. The default has the signature offset shadow; variant="padded-lg" opens up the interior; variant="bordered-only" drops the shadow for nested or muted contexts.
Surface card
Default padding for general use, padded-lg for emphasis, and bordered-only for nested or muted contexts.
Default card
Standard padding and the signature offset shadow. This is the workhorse surface for most content.
Padded large
More breathing room for important or attention-grabbing content. Same shadow, just roomier on the inside.
Bordered only
No shadow — for nested cards or muted contexts where elevation would be too loud.
Card variants compared
Side-by-side: default, padded-lg, bordered-only, and a muted-surface override using inline style.
Default
White surface, subtle border, signature offset shadow.
Padded large
Same chrome, more interior space.
Bordered only
No shadow — quieter, recedes inside other cards.
Muted surface
Cream background swap to differentiate from white surfaces.