Controls

A design system for Windows phones, tablets, PCs, and Xbox. From buttons and checkboxes to app bars and pivots, every control works with touch, mouse, keyboard, pen, and even Xbox controllers.

A few controls in different states

The controls were a core part of the next step for the Microsoft Design Language (formerly known as Metro) as it expanded to encompass more devices. We carefully iterated to find a density that didn’t feel too loose with mouse, but at the same time weren’t too small to touch.

Button in light and dark themes
Personalization is an important principle of Windows. The controls support light and dark themes.
A few controls with a red accent color
Users can also select an accent color for the entire OS that highlights selections and interactions.