BrainBank / Design system

Portal tokens & components

Neutral light theme for the knowledge explorer. Retheme by editing CSS variables in globals.css.

Color tokens

Semantic palette — readability first, status colors for scanability.

background
foreground
card
primary
muted
status-success
status-warning

Buttons

Badges & status

ActiveDraftSupersededReview due

Card

Knowledge explorer
Data-dense surfaces use clear hierarchy and comfortable padding.

> STATUS: IN_PROGRESS

Table

TitleTypeStatusUpdated
Q2 revenue goalGoalActiveMay 1, 2026
Kick-off notesMeeting outcomeDraftApr 28, 2026

Tabs

Sub-nav pattern for client and project detail pages.

Portal shell

Layout scaffold
Sidebar + header + main regions for browse pages. Live preview at /preview (authenticated).
PortalShell
├── aside (sidebar) — org label, nav, footer
└── main column
    ├── header — breadcrumbs, page title
    └── main — page content

Empty state

No clients yet.

Empty states are calm and actionable — no create controls in read-only portal.