Startboard project

Startboard / Design system

Documentation v1.0.0 · Public product

Design system contents

Components

Public board surface

A read-only shared collection exposes links without owner management controls.

On this page

Purpose and placement

A read-only shared collection exposes links without owner management controls.

Anatomy

  • Optional board icon
  • Title and short description
  • Native-anchor bookmark grid
  • Conditional owner identity
  • Made with Startboard footer

Contract

Contract
Input or boundaryBehavior
LookupValid board ID and isPublic gate
ThemeViewer system; owner accent
Owner rowRequires both avatar URL and display name

States and feedback

  • Public board found
  • Private/missing board: notFound
  • Icon or initial tiles
  • Owner metadata conditional

Interaction and composition

Public visitors follow links; they do not gain editing tools. Use the board-ID URL rather than assuming a slug route is public: /boards/[slug] is an authenticated dashboard route.

Responsive behavior

Grid uses the same auto-fit geometry as the dashboard. Heading text is larger than a modal and description is capped in width.

Accessibility contract

Tile navigation is a native anchor here. The source main heading is h2 rather than h1; document that outline gap.

Known implementation gaps

Provider avatar errors fall back to no owner row. The public board’s icon foreground on a 25%-alpha custom/default disc needs contrast review.

Source references

Source references
Repository fileResponsibility
app/board/[id]/page.tsxPublic route and layout
app/board/[id]/AccentApplier.tsxScoped accent/theme

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.

Public Board Default Desktop Light · Screen · Light · Desktop · 2880 × 2000 px

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