Pattern 27 · Complete

Settings
and Account

Organizes identity, preferences, sessions, and consequential actions by scope and interaction cost.

Complete layout

Make the scope of every change clear

Account identity, immediate preferences, and session actions use distinct sections and interaction models.

Profile

Identity shown across your Nikba workspace.

Maya Chenmaya@example.com

Notifications

Changes apply immediately.

Active sessions

Devices currently signed in to your account.

MacBook Pro · Current sessionChișinău, Moldova · Active nowCurrent
iPhone 17Chișinău, Moldova · 2 hours ago

Delete account

Permanently remove your profile, projects, and access. This requires confirmation.

Behavior model

Match control to consequence

Switches apply immediately, grouped edits wait for Save, session actions name their target, and destructive actions require confirmation.

PreferenceImmediate Switch
ProfileExplicit Save
AccountConfirmation Dialog

Responsive behavior

Keep every category reachable

The category list scrolls horizontally on compact screens while sections and actions stack in source order.

Usage guidance

Group settings by user intent.

Use plain category names, explain consequences beside controls, and reserve the final section for rare account-level actions.

Next pattern: Destructive Confirmation

Delete account?

Your profile, projects, and workspace access will be permanently removed.