#28

Space using ratios

0:00/1:34

Hot Tip #28 is to space using ratios.

For example, set a base size of 8px, then define your padding using multiples of 8:

Tiny gaps = 8px
Small gaps = 16px
Medium gaps = 32px
Big gaps = 64px


Ratio infographic
Using ratios aligns your content better and tightens up Landing Page design.

8pt Grid System - Very good visual breakdown by Elliot Dahl of the benefits an 8pt system give a design. Includes 8px ratio infographics.