MSDN Community

Fluent Design – Introduction

Fluent Design System is Microsoft’s design language that creates immersive, adaptable, and consistent experiences across Windows devices. It builds on the visual style introduced with Windows 10 and expands to provide depth, motion, light, and material cues that help users understand and interact with their environment.

Core Principles

  • Light – Highlights, shadows, and illumination guide focus.
  • Depth – Layers and Z‑ordering create a sense of hierarchy.
  • Motion – Smooth transitions and subtle animations reinforce spatial relationships.
  • Material – Responsive textures react to user interaction.
  • Scale – Designs adapt fluidly from small tablets to large desktops.

Getting Started

To begin using Fluent Design in your Windows apps, add the Fluent UI NuGet packages or reference the Web Components library. Explore the sample projects and interactive documentation to see the system in action.

Core Concepts

Deep dive into light, depth, motion, and material.

Fluent Controls

Ready‑to‑use UI controls that embody Fluent design.

Resources & Samples

Download SDKs, samples, and design guidelines.