OverviewColorsTypographySpacingComponentsSymbolsPatternsInputsApp IconsMaterialsSystemLocalizationAccessibilityPlatforms
M
Microsoft

Fluent Design System

v2.0

Fluent is Microsoft's design system for creating experiences that seamlessly fit into a broad range of Microsoft products. Fluent 2 is the latest evolution featuring improved depth, motion, and accessibility.

Official documentation

Supported Platforms

Windows 11WebiOSAndroidmacOS

26

Colors

11

Typography

11

Spacing

6

Radii

Explore Fluent Design System

Colors

26 color tokens across 3 categories

Typography

11 text styles defined

Spacing & Layout

11 spacing tokens, 6 border radii