The grid is relational: the smallest pixel size determines the stroke, the size of the icon, the typography size, leading, kerning, tile sizes. It’s also a freer, more open space, with room for organic shapes. Rather than being an overly rationalized or rigid setting, the grid becomes the stable ground under a newly intimate and fully humanistic visual syntax.
The four-pixel grid allows us to scale our design elements consistently across all display sizes.
Layout guidelines for UWP apps
To learn about layout in UWP apps, see the Layout section of the Microsoft Dev Center.