Brand Studio
Centralized design system hub for the LIFEAI ecosystem
Brand Studio
Brand Studio is the centralized design system hub for the LIFEAI ecosystem. It manages design tokens, brand identities, and visual page building for 9 brands across the Regenerative Development Corporation portfolio.
Key Features
Token Management -- 54 global design tokens (colors, typography, spacing) with per-brand override inheritance. Every brand resolves its token set by merging the global base layer with brand-specific overrides. Child brands win over parent brands in the inheritance chain.
9 Brand Entities -- A hierarchical brand tree rooted in a global base, with RDC as the primary company entity and child brands for each product and project:
| Brand | Type | Parent |
|---|---|---|
| Global Base | base | -- |
| RDC | company | Global Base |
| PRT | product | RDC |
| Life AI | company | RDC |
| Place Fund | product | RDC |
| RCCS | product | RDC |
| Zoen | product | RDC |
| Keystone Species | product | RDC |
| Evergreen Foundry | project | RDC |
Visual Page Builder -- Puck editor with 36 registered @regen/ui components, slot-based layout blocks, and AI-powered page generation via the dispatch panel.
Token API -- Public REST endpoint serving inheritance-resolved tokens as CSS custom properties or structured JSON. See the API reference for details.
Export Formats -- Download resolved tokens as JSON, CSS custom properties, or Figma Tokens v2 (Token Studio format).
Component Gallery -- Browse 100+ components across 4 tiers (shadcn primitives, domain components, Aceternity UI, Magic/Sera UI) with live props inspectors and code snippets.
Deployments
| Environment | URL |
|---|---|
| Production | studio.regendevcorp.com |
| Staging | brand-studio.dev.place.fund |
| Local dev | http://localhost:3011 |
Documentation
- Token System -- How the two-layer inheritance model works, locked tokens, CSS variable naming
- Brands -- Brand entity tree, creating new brands, the fork wizard
- Component Library -- 100+ components across 4 tiers with props and code snippets
- Page Builder -- Puck visual editor, 36 registered components, slot API, AI build panel
- Token API -- Public REST endpoint for consuming tokens in apps, HTML, and no-code embeds
- Exports -- JSON, CSS, and Figma Tokens v2 download formats