Design source

Nabu Styleguide

The shared visual contract for the Nabu apps. Keep this page canonical, then mirror token and helper changes into Tracker, Docs, Feedback, Inbox, and the Rails baseline.

Back to suite

Theme Controls

Accent, custom color, and dark mode are app-level preferences. Inputs stay visibly lighter in dark mode.

Mode

Accent

Blue Violet Green Rose Custom

Hex

Surfaces

Cards are flat surfaces with a restrained edge. Dark cards use a darker blue-charcoal tone, not a brown cast.

Card

Primary grouped content.

Paper

Warm beige document surface.

Buttons

Primary uses the chosen accent. Secondary stays beige and dimensional, not gray.

Form Controls

Input Textarea Dropdown

Checklist Pattern

Web app testing passes Production deploy succeeds Analytics and error tracking are configured Core UX reviewed on desktop and mobile

Token Contract

--background

--foreground

--card

--paper

--field

--muted

--border

--input

--ring

--primary

--secondary

--destructive