← Specimen

Card

Example

Token-driven spacing

Padding, border, and radius all come from theme.css — nothing here is a one-off value.

Composable by class

Add card-title and card-body inside any .card to keep the hierarchy consistent.

<div class="card">
  <p class="card-title">Title</p>
  <p class="card-body">Body copy.</p>
</div>