Cards inside cards
- Forbidden
- A card holding a panel holding a card, each with its own border, padding and background
- Instead
- One container at most, and the groups inside it made with space, type and a divider (
A-67).
What this rule looks like
Why this rule
Every layer adds padding and an edge around the same content, and takes width from it. Three layers deep, the content has the least room on the page and the chrome has the most.
- Kind
- Rule
- Section
- Things to avoid
- Group
- Generic-AI aesthetic
- Bucket
- judgment
- Severity
- warning
- Since
- v0.17.0