Sanajong brand

Active view

Components Static mode
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.

24
Asset kits
18
UI modules
12
Voice examples
04
Launch playbooks

Foundations

Tokens applied to base UI such as buttons and badges.

2 modules

Button System

Solid, outline, and ghost variants built with our design tokens.

foundation
Primary Secondary Ghost

Badges

Status indicators for pill-shaped progress and filters.

foundation
New Live Draft Review

Navigation

Patterns for guiding people through brand resources.

2 modules

Tabs

Accessible tab primitives with keyboard support.

navigation
Overview Metrics History

Use tabs to surface related content without leaving the current context.

Sidebar

Collapsible navigation powered by shadcn-inspired primitives.

navigation
🧭
Sidebar Toggle
Collapse menus without losing context.

Forms

Inputs and selects aligned with accessibility guidance.

2 modules

Inputs

Text fields and form controls with accessible focus states.

forms

Form Selects

Style native inputs to match the component library.

forms

Feedback

Messaging surfaces for success, warning, and neutral states.

2 modules

Alerts

Tone-aware messaging with accessible semantics.

feedback

Token library published

Component packages now include the updated spacing scale.

Feedback Banners

Use alerts for inline confirmations and high level messaging.

feedback
⚠️

Brand review pending

Submit final copy to the brand channel before Thursday 5pm PT.

Looking for the React implementation? Install @sanajong/ui and follow the presets documented in the design system repo.