06 / Surfaces
Cards carry decisions
Card, panel, inspector and tray families use distinct depth and information roles.
Surface families
Select a family; geometry changes with responsibility. This outer documentation block owns elevation, so every passive specimen inside it stays flat.
cardDecision surface
12px radius · flat while nested.
Radius12pxStandalone depthTwo-layer softNested depthFlat · parent-ownedRoleDecision surface
Catalog card anatomy
Offline package and degraded live data are first-class card states; both preserve the pet decision and expose one local recovery action.
01 / Stability mechanicBest for unstable builds
Otvertka-67
Practical repair companion for intermittent bugs, brittle tests and careful release work.
Reliable92% match
Inspector
Strong fit
Debugging · release checks · careful implementation.
Persistent tray
Companion Tray
Persistent state stays compact and never covers its own controls.
Surface taxonomy
| Family | Radius | Shadow | Use |
|---|---|---|---|
| Card | 12px | Soft ledge + ambient | Pet and recommendation decisions |
| Panel | 18px | 6px hard + ambient | Matcher, filters and local workflows |
| Dialog | 18px | 8px hard + ambient | Blocking confirmation |
| Tray | 20px | 4px hard + ambient | Persistent selected/saved state |