Settings - Layouts

Start here when you need the whole settings page. Each layout is self-contained and ships with a working profile or preferences section. Replace the content with the other settings blocks on this site.

Sidebar Navigation

Vertical navigation on the left with icons, an active state and a badge. It collapses to a scrollable row on mobile.

Header Tabs

A page header with actions and a horizontal tab bar. Good when you have five or fewer top-level sections.

Split Sections

Label and description on the left, inputs on the right, separated by dividers.

Stacked Cards

One card per concern, each with its own save button, plus a confirmed delete action.