Settings

Section navigation beside a form column, the shape every settings page has.

Settings

Manage your account and how the product behaves.

Profile

How you appear to other people in the workspace.

Changing this sends a confirmation to the new address.

Notifications

Each of these is a separate decision, so each gets its own row.

Someone names you in a comment or a thread.

One summary on Monday instead of a message a day.

New features and the occasional deprecation notice.

The arrangement

A narrow list of sections on the left and one form column on the right, with each group separated rather than boxed. Scales to more sections without redesigning anything.

Layout source

TypeScript
Loading editor…

The arrangement, with the sample data kept in plain arrays at the bottom. Swap those for yours and the template stops being an example.

Layouts stay unbranded on purpose: no gradients, no logos, no stock photography, and nothing fetched from a third party. If you want a section that is finished rather than a shape to fill, the blocks gallery is the other tab.