┌───────────────────────────────────────────────┐
│ ← Settings 👤 User │
├───────────────────────────────────────────────┤
│ │
│ ┌─ Profile ─────────────────────────────┐ │
│ │ Avatar: [ 👤 ] [ Upload ] │ │
│ │ Name: [___________________] │ │
│ │ Email: [___________________] │ │
│ │ Bio: [___________________] │ │
│ └───────────────────────────────────────┘ │
│ │
│ ┌─ Preferences ─────────────────────────┐ │
│ │ Theme: ○ Light ● Dark │ │
│ │ Language: [ English ▾ ] │ │
│ │ Timezone: [ UTC-5 ▾ ] │ │
│ └───────────────────────────────────────┘ │
│ │
│ ┌─ Notifications ──────────────────────┐ │
│ │ Email alerts: [■] On │ │
│ │ Push: [□] Off │ │
│ └──────────────────────────────────────┘ │
│ [ Save Changes ] │
└───────────────────────────────────────────────┘Settings
Account Settings Panel
A tabbed account settings page with sections for profile, password, notifications, billing, and danger zone — clean and accessible for SaaS apps.
--settings--profile--account
Medium