Startboard project

Startboard / Design system

Documentation v1.0.0 · Public product

Design system contents

Patterns

Organize boards

Create focused collections, manage their order, and preserve the protected Home board.

On this page

Task sequence

  • Create a titled board from the dashboard.
  • Use settings Boards to edit description, icon or visibility.
  • Reorder unlocked rows.
  • Return to the dashboard and select a board, including overflow collections.

Data and persistence

Board rows carry position and isLocked. Source APIs scope operations to the signed-in user. The data layer protects the locked default separately from the UI.

Failure and recovery

Board editor errors remain visible. Reordering has no rollback; failed board selection has limited feedback. A capture fixture is not an authorization test.

Acceptance criteria

  • Home remains locked.
  • Description maximum is 120 characters.
  • Public/private values are explicit.

Source references

Source references
Repository fileResponsibility
app/settings/boards/BoardsList.tsxManagement flow
app/api/boards/route.tsMutations
lib/startboard-data.tsLocked board behavior

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 Boards Default Desktop Light · Screen · Light · Desktop · 2880 × 2176 px
Board Overflow Open Desktop Light · Component detail · Light · Desktop · Open · 1864 × 1264 px
Board Editor Public Desktop Light · Component detail · Light · Desktop · Public · 1800 × 1842 px
Board Editor Server Error Desktop Light · Component detail · Light · Desktop · Server Error · 1800 × 1950 px
Board Editor Edit Desktop Light · Component detail · Light · Desktop · Edit · 1800 × 1842 px

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