Fundamentals

Brand logos shipped with the design system and how to consume them.

Core palettes, semantic colors, and contrast rules.

Type ramps, font pairing, and hierarchy patterns.

Icon style, sizing, and consistency constraints.

Duration and easing tokens, and when motion earns its place.

The breakpoint tiers every component and utility switches on.

The spacing scale behind every padding, margin, gap and inset.

Corner radius and stroke weight — the two tokens that give a surface its edge.