Overview
Core information
Foundations are the core visual, technical, and tonal building blocks of our design system. They establish the fundamental rules and design tokens that drive brand consistency and ensure a cohesive user experience across all products and platforms.
What you’ll find in this section
- Design Tokens as Single Source of Truth: Core attributes like color, typography, radius, and elevation are stored as design tokens. This ensures full visual alignment across design tools and engineering codebases, regardless of the technology used.
- Visual & Spatial Language: Rules for spacing, elevation, depth, and iconography that define the look, feel, and physical hierarchy of our interfaces.
- Brand Voice & Content Rules: Guidelines on copy, microcopy, and visual assets to keep our product communication clear, consistent, and accessible.
- Cross-Theme & Accessibility Standards: Built-in rules for contrast, color modes (Light & Dark), and visual clarity designed to satisfy accessibility standards out of the box.