Live brand system

Everything you need to stay on-brand—now powered by shadcn-inspired components.

Access guidelines, download tooling, and explore our growing component library without leaving the brand portal. Collapse the navigation when you need extra focus.

Explore components Browse asset kits

Asset kits

UI modules

Voice examples

Launch playbooks

✨

New collapsible sidebar

Navigation is now powered by the latest design system primitives. Collapse the column whenever you need extra focus.

Launch checklist

Follow this quick sequence whenever you create a new brand touchpoint.

Step 1 Validate logo usage and minimum clear space.
Step 2 Check color contrast and ensure tokens are sourced from @sanajong/tokens.
Step 3 Route final assets through the brand channel for signoff.

Upcoming releases

Design token audit May 18

Brand photography refresh May 24

Component docs v2 June 02

Sandbox tests

We ship lightweight dev tests alongside components to ensure tokens render as expected. Watch the TestsPanel in Storybook for quick feedback.

View tests in Storybook →

Brand palettes

These are the live brand variants exposed by the design tokens. Each card highlights the light-theme primary, secondary, and accent colors.