Viget Inspire

Crowded vs. Breathing Room

Tips On Creating Websites With "Typography That Breathes:"

• Add some padding around your columns. Usually have 10 pixels of padding? Why not make it 20, or even 30? Experiment.


• Keep that line length (measure) at an optimal length. 45-75 characters is proven to be a nice digestible line length for columns.


• Add some line-height to that text. A good rule of thumb is the line height should be 20 percent of the font size (10pt font= 12pt leading)


• Always increase line-height when you increase the line length, and especially when you are using light text on a dark background.

Some Sites That Use White Space Well:

• IA Japan


• DFCKR


• Mark Boulton Design

Check out this fantastic article on A List Apart for more on white space.