card_builder_design_principles
Design polished Card Builder cards with principles for hierarchy, state feedback, spacing, typography, semantic colors, and layout. Avoid anti-patterns to achieve a refined result.
Instructions
Embedded UX design playbook for Card Builder cards.
Companion to recipe_guide() — that one covers HOW to build a card
(block tree, slots, props). This covers WHAT to build for the result
to feel polished: hierarchy, state feedback via binding, spacing
rhythm, typography scale, semantic colors, layout choice (grid vs
flow vs absolute), state badges, background images, empty states,
and the anti-patterns that produce flat-feeling cards.
Read this AFTER recipe_guide() when you're about to design a card
that needs to look polished rather than just functional.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| result | Yes |