V3 Token System

Dashboard-scoped design tokens: 7-factor coherence, chromatic fluidity, adaptive motion, liquid glass, geometric shapes, and bento grid.

Scope: Dashboard only • Created Dec 2024 •See Frontier tokens for app-wide

7-Factor Coherence Colors

Expanded from 4-factor to 7-factor model. Each factor has base, soft, and text variants.
stabilityAm I steady?
primary
muted
dark
Chakra: Root • Element: Earth
vitalityAm I alive?
primary
muted
dark
Chakra: Sacral • Element: Water/Fire
agencyAm I in control of my choices?
primary
muted
dark
Chakra: Solar Plexus • Element: Fire
connectionAm I connected?
primary
muted
dark
Chakra: Heart • Element: Air/Water
expressionAm I speaking my truth?
primary
muted
dark
Chakra: Throat • Element: Ether
clarityDo I know where I'm going?
primary
muted
dark
Chakra: Third Eye • Element: Light
wholenessAre my parts working together?
primary
muted
dark
Chakra: Crown • Element: Consciousness

Chromatic Fluidity

Phase-responsive color palettes that adapt to transition states
liminal
Phase DescriptionBetween states. Void black, threshold space.
Use CasesTransitions, unknown territory
Color Value#8E66FB

Adaptive Motion

Coherence-responsive animations that adapt to user energy levels
scale Animation
Duration: 300msIntensity: standard
slide Animation
Duration: 300msIntensity: standard
fade Animation
Duration: 300msIntensity: standard
wobble Animation
Duration: 300msIntensity: standard

Liquid Glass

Advanced glass morphism with texture and depth
subtle
Opacity: 0.7
Blur: 8px
standard
Opacity: 0.75
Blur: 12px
elevated
Opacity: 0.8
Blur: 16px

Geometric Shapes

Factor iconography: circles, triangles, squares, and sacred geometry
stabilitysquare
vitalityspiral
agencytriangle
connectioncircle
expressionwave
claritydiamond
wholenessstar

Bento Grid

Modular layout system inspired by Japanese bento boxes
2x2
Large Card
1x1
1x1
1x1
1x1
4x1 Wide Card
Bento grid supports flexible layouts with 1x1, 1x2, 2x1, 2x2, and full-width cards. Responsive breakpoints automatically adjust columns for mobile, tablet, and desktop.
Shader CTA Mock

v0 Shader Button Pattern

Embedded on /sandbox/design-system/tokens. Source of truth is /sandbox/design-system.

Shader Primary CTAExplore FrontierView Canonical

Motion mode: standard.

Dashboard-Scoped Tokens

These v3 tokens are currently dashboard-only (created Dec 2024). For app-wide production tokens, see Frontier primitives. Full v3 promotion planned for Q1 2026 pending LIM-140 approval.

V3 tokens from @/styles/design-system/v3/