Startboard project

Startboard / Design system

Documentation v1.0.0 · Public product

Design system contents

Patterns

Personalize the workspace

Choose providers, theme and accents without replacing the product’s brand.

On this page

Task sequence

  • Select search engine and AI agent in Preferences.
  • Use the theme control for explicit light/dark; initial default can follow system.
  • Select an accent in Style.
  • Select a provider-backed wallpaper only when the catalog is available.

Data and persistence

Preference changes PATCH independently. Theme/accent updates also broadcast a local event for immediate presentation. The wallpaper filename is stored; its URL is a delivery detail.

Failure and recovery

Most optimistic changes suppress errors or log only, so visual selection can differ from persistence. Source has no restore-system control in the binary theme UI.

Acceptance criteria

  • Accent contrast reviewed in both modes.
  • No invented wallpaper catalog.
  • Source defaults and anonymous system-theme behavior documented.

Source references

Source references
Repository fileResponsibility
app/settings/preferences/page.tsxProviders/theme
app/settings/style/page.tsxStyle
components/ThemeProvider.tsxApplied state

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 Preferences Default Desktop Light · Screen · Light · Desktop · 2880 × 2176 px
Settings Style Default Desktop Light · Screen · Light · Desktop · 2880 × 2176 px
Accent Picker Sage Desktop Light · Component detail · Light · Desktop · Sage · 2200 × 288 px

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