Startboard project

Startboard / Design system

Documentation v1.0.0 · Public product

Design system contents

Applied screens

Settings and personalization

Shared card structure supports preferences, style, profile and account.

On this page

Composition

Shared card structure supports preferences, style, profile and account.

Examples retain native application geometry and source typefaces. Desktop and mobile are real viewport renders, with physical pixel dimensions recorded in the manifest. Component crops show meaningful anatomy rather than reconstructed controls.

Evidence notes

All records and interactions are local fixtures. Expanded/full-page states are distinguished from viewport screens. Authentication images omit third-party verification; style screens intentionally have an empty provider wallpaper catalog.

Source references

Source references
Repository fileResponsibility
app/settings/layout.tsxShared header
app/settings/page.tsxSettings navigation

Examples from the app

Actual Startboard source UI with isolated fictional records; both native themes at 2× resolution or higher. No live integrations or account writes. Captured at 2× resolution or higher. Select an image to inspect it full size.

Settings Default Desktop Light · Screen · Light · Desktop · 2880 × 2176 px
Settings Preferences Default Desktop Light · Screen · Light · Desktop · 2880 × 2176 px
Settings Style Default Desktop Light · Screen · Light · Desktop · 2880 × 2176 px
Settings Profile Default Desktop Light · Screen · Light · Desktop · 2880 × 2176 px
Settings Account Default Desktop Light · Screen · Light · Desktop · 2880 × 2176 px
Settings Profile Invalid File Desktop Light · Screen · Light · Desktop · Invalid File · 2880 × 2176 px
Settings Profile Save Error Desktop Light · Screen · Light · Desktop · Save Error · 2880 × 2176 px
Settings Account Password Error Desktop Light · Screen · Light · Desktop · Password Error · 2880 × 2176 px

Source audit: 2026-10-08 · Revision 08fa2595a668 · Documentation v1.0.0