Foundry

Settings

The generalised settings shell every consuming app copies - a section list filtered by role, with each section's own working demo. See docs/SCOPE.md for the full brief.

Demo only: this project has no accounts, so the settings nav below is filtered against a pretend role instead of a real one. You are currently viewing this as an administrator.

General

Shown wherever this demo renders its own name.
Illustrative only - a real consuming app would use this to flag an overdue support request.

Customise

Changes apply as you choose them.

Theme
Colour

Preview the kit in another accent. Fifteen colours, evenly spaced and equally strong, each measured to pass AA in light and dark; high contrast keeps its own.

Skin
Layout

On screens narrower than a laptop every layout uses the slide-out menu.

Content width
Density
Font
Space Grotesk headings, IBM Plex Sans text
Inter throughout
Your device's own font

Saved in two cookies on this device (fo_theme, fo_shell), never sent anywhere else. Privacy notice.

Help

About this page

Settings

A worked example of an organisation settings area. Switch the demo role between administrator and standard user to see sections appear and disappear - a person is never shown a control they are not allowed to use.


Without a mouse

Every control on this site works from the keyboard, including this panel (Escape closes it). Anything you can drag also has a menu or form that does the same thing.


Still stuck?