Grid Helpers

I've been working on a design system to keep whitespace consistent across the whole project in Sketch.

Purple bars represent vertical whitespace.
Blue bars represent horizontal whitespace.

They are all bundled up as symbols and these symbols are never meant to change width/height. Both H and V have the following ranges: 160, 80, 32, 16, 8.

Ps, the videoplayer UI is work in progress, I'm planning to make the interface more compact.

More by Pim de Wit

View profile