Hairline borders and whitespace-first design.
Usage#
<div class="minimalist-card p-8">Clean</div>The classes#
| Class | Purpose |
|---|---|
minimalist-card | Hairline-border card |
minimalist-btn | Quiet button |
Compose with utilities#
<div class="minimalist-card p-10 max-w-prose mx-auto">Reading room</div>Customization#
Every component is built from theme tokens (colors, blur radii, shadows). Redefine tokens in your config and the whole family restyles. For structural changes, copy the rules into your own layer and edit freely.
Accessibility#
- Hairline borders need 3:1 contrast (WCAG non-text)
Related#
components/index|Components hub · themes/index|Themes · recipes/index|Recipes