Smash Balloon
Atoms
Atomic row
Variants
Toggle
Select
Text input
Action button
Custom area row
Smash Balloon
Molecules
Controls combine in exactly four ways. One decision = one row, however many inputs it takes. If a setting seems to need a fifth pattern, that's a design review, not a new layout.
Input cluster several inputs, one decision, one label
Setting + inline action the action belongs to the setting it resets
Revealer parent control unveils children — try the toggle
Manager full-width table with its own add / remove flows
Smash Balloon
Page examples
Buckets are tabs; Save lives in the tab bar with the unsaved count. Each section is its own card — header band with title + one-line scope, rows inside. A section that outgrows its page (e.g. Privacy) promotes to its own tab without touching any row.