One design language, from brand decisions to production code.
The Omninal Design System brings identity, tokens, accessible components, multi-platform outputs, product writing, and governance into one versioned source for design and engineering.
A precise contract between design and code.
One DTCG token source now generates web, Figma, SwiftUI, Compose, and Android XML outputs. The first 13 React primitives document interaction states, content rules, accessibility behavior, and Storybook examples without claiming native components that are not built yet.
- DTCG tokens
- 131
- Primitive, semantic, and component layers
- React primitives
- 13
- States, content, a11y, and Storybook
- Platform targets
- 5
- Web, Figma, SwiftUI, Compose, Android XML
- Language fixtures
- 3 + RTL
- English, Simplified Chinese, Korean, plus RTL testing
- 01Primitive
Raw color, type, space, radius, and motion values.
- 02Semantic
Stable roles such as foreground, surface, border, and status.
- 03Component
Scoped decisions consumed by components and platform packages.
- Web CSS
- TypeScript
- Figma Variables
- SwiftUI
- Compose
- Android XML
Native token files are real generated artifacts. Native UI components remain explicitly marked as the next implementation phase.
The three brand pillars
Each design direction should map to at least one pillar. If it does not, use this page to recalibrate the work.
One architecture, four products
Unity appears through a single identity system, fixed grids, shared components, and consistent product naming. Product lines do not receive separate logos.
Clear, verifiable, executable
Certainty appears through clear proportions, reusable layouts, tabular numerals, explicit states, and traceable approval flows.
Built for markets and languages
Color, type, and semantic states must work across markets. Gain/loss colors switch by convention; brand recognition does not depend on red or green.
Nine chapters. One standard.
Each chapter covers a type of work: brand decisions, core visuals, components, applications, writing, and governance.
Brand Core
The basis for brand decisions: positioning, pillars, and personality ranges.
Identity
The Converge Star, the wordmark, the lockup — proportions locked by master files, and only one period.
Color
A blue-led global system: core blues, monochrome fallback, extended palette, market-aware gain/loss colors.
Typography
Rules for headings, body copy, numerals, and multilingual typesetting.
Graphic Language
The Dot Path, Dot Grid, and Aperture motifs, with usage boundaries.
Applications
Reference layouts for cards, business cards, dashboard, key visuals, and social formats.
UI Kit & Coverage
DTCG theme tokens, production primitives, interaction states, and platform boundaries.
Voice & Tone
Writing principles and vocabulary boundaries for internal, product, and external materials.
Governance
How standards get enforced: sourcing, approval, and third-party flows, plus version history.
Download standard assets
Logo packs, color tokens, and UI kit exports should come from the resource center. Do not copy the identity from screenshots, old files, or chat threads.
Go to Resources