UWP style guide

Style is what makes your app stand out. It's about bold choices aesthetic choices and subtle flourishes. It's about making something beautiful.

Style and the Fluent Design system

The Fluent Design System helps you create modern, clean UI that incorporates light, depth, motion, material, and scale. The style guidelines in this section help you create a Fluent Design through color, typography, and new features such as acrylic material and reveal.

Style articles

Acrylic material
Create a sense of depth with acrylic, a brush that creates stunning, translucent surfaces.

Color
Color provides intuitive wayfinding through an app's various levels of information and serves as a crucial tool for reinforcing the interaction model.

Icons
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.

Parallax
Add three-dimensional perspective and motion to scrolling elements.

Reveal
Use light to illuminate important elements.

Sound
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.

Typography
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.

Styling controls
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.