Fluent Design System

How Fluent UI Unlocks the Next Generation of Microsoft 365 Experiences

Continuing our journey toward…

Fluent: Design Behind the Design

How our Fluent Design System focuses innovation on evolving principles and real-world customer needs

Evolving the Microsoft Fluent Design System

Reflections on our design history, the progression, and…

Designing for Scale and Complexity

How we implemented the Fluent Design System across Microsoft Azure to improve usability, consistency, and accessibility for a highly complex and evolving cloud

Designing for Power and Simplicity

How we evolved the Microsoft Office 365 user experience to support…

Science in the System: From Pixels to Text

Blur effects, part 3: Techniques for smoothing text while keeping it sharp

Science in the System: Turning Squares into Circles

Blur Effects, Part 2: Anti-aliasing

The Same, Only Different

How our Cloud + AI team incorporates reusable learning into our products as…

Fluent Makeover: Photo Editor

Learn the why and the how behind applying Fluent Design with the Fluent…

DIY: A Web Version of the Fluent Design System’s Acrylic Material

Using backdrop-filter on Microsoft Edge and other modern browsers

“It’s the dark arts.”