Foundations Overview

Core design decisions for colors, spacing, and typography. Open each tile for detailed tokens, usage guidance, and examples.

Foundations

Visual language primitives shared by all components.

Color tokens, semantic roles, and shade ramps used across the system.

Spacing scale and rhythm rules for layouts, components, and content.

Type hierarchy, sizing, and text styles for consistent readability.

3 categories

Colors, Spacing, Typography