Multi-Project Token Demo

Life Liquidity Score

Shared CMS-aiChemist components rendered in the Kaleido-Life teal/aqua theme — driven by per-project DTCG token overrides through the cross-project merge pipeline.

78LIFE SCORE

Health Dimensions

Six dimensions scored 0–100. Each card, bar, and trend indicator inherits the teal primary and navy backgrounds from kaleido-shenai token overrides.

💰
82

Financial Health

Savings rate, debt-to-income ratio, emergency fund coverage, and investment portfolio growth.

🏋️
74

Physical Wellness

Activity minutes, sleep quality, resting heart rate, and BMI tracking via shenAI biometrics.

🧠
68

Mental Resilience

Stress indicators, mindfulness minutes, cognitive assessments, and mood consistency.

🤝
85

Social Connection

Community engagement, relationship quality metrics, and support network strength.

🛡️
91

Protection Coverage

Life insurance adequacy, income protection, critical illness cover, and estate planning.

🌱
63

Legacy Planning

Will and trust status, beneficiary updates, charitable giving alignment, and family wealth transfer.

MetricsPanel (from packages/ui)

The same MetricsPanel component from the shared UI library — now consuming teal tokens instead of the default violet theme.

Membership Levels

Three tiers mapped to score ranges. The Pathfinder tier is active at score 78.

Seeker

0 – 49

Building your foundation — focused on awareness and first steps.

  • Basic score tracking
  • Monthly insights
  • Community access
  • Goal setting
Your Tier

Pathfinder

50 – 79

Actively optimizing — data-driven decisions and personalized guidance.

  • shenAI biometric scans
  • Weekly deep insights
  • Advisor matching
  • Category breakdowns
  • Progress milestones

Pioneer

80 – 100

Leading the way — holistic optimization with premium tools and advisor access.

  • Real-time biometric sync
  • Daily AI coaching
  • Priority advisor access
  • Family score linking
  • Legacy planning tools
  • Annual retreat invite

How This Works

1
Foundation tokens — 222 DTCG tokens at packages/tokens/src/tokens.json define the default violet/dark theme.
2
Project overrides — 11 teal/aqua token overrides at projects/kaleido-shenai/tokens.json swap primary, accent, background, and CTA colors.
3
Merge pipeline packages/tokens/merge.py deep-merges foundation + overrides into projects/kaleido-shenai/output/tokens.css.
4
This page — imports the merged CSS. Every shared component (Card, MetricsPanel, Alert, Button) renders in teal/aqua without any code changes.
11Token Overrides
6Health Dimensions
3Membership Tiers
4Shared Components