Settings Pages

Overview

Settings sprawl fast. Tame them with a consistent structure: a section navigation (sidebar on desktop, tabs/select on mobile), grouped cards per topic, and a clear save model. Isolate irreversible actions in a visually distinct danger zone so users never delete by reflex.

When to use

• Building account/profile/team/workspace/billing settings.
• A settings page has become one giant unstructured form.
• Adding destructive actions (delete account, remove member).

Structure: section nav + content