The Fluent Design System helps you create modern, clean UI that incorporates light, depth, motion, material, and scale. The guidelines in this section help you create a Fluent Design through color, typography, and new features such as acrylic material and Reveal.
Create a sense of depth with acrylic, a brush that creates stunning, translucent surfaces.
Color provides intuitive wayfinding through an app's various levels of information and serves as a crucial tool for reinforcing the interaction model.
Good icons harmonize with typography and with the rest of the design language. They don’t mix metaphors, and they communicate only what’s needed, as speedily and simply as possible.
Motion and animation
Purposeful, well-designed animations bring apps to life and make the experience feel crafted and polished. Help users understand context changes, and tie experiences together with visual transitions.
Add three-dimensional perspective and motion to scrolling elements.
Use light to illuminate important elements.
Sound helps complete an application's user experience, and gives them that extra audio edge they need to match the feel of Windows across all platforms.
As the visual representation of language, typography’s main task is to be clear. Its style should never get in the way of that goal. But typography also has an important role as a layout component—with a powerful effect on the density and complexity of the design—and on the user’s experience of that design.
You can customize the appearance of your apps in many ways by using the XAML framework. Styles let you set control properties and reuse those settings for a consistent appearance across multiple controls.