3

3Grids, fonts, columns and responsive design

3.4

A summary of website layout and font size

These are the con­clu­sions of all of the dis­cus­sion about grid lay­outs, line spac­ing, point size (boy, did I do that one to death), line length and every­thing else I’ve been bang­ing on about in the pre­vi­ous sec­tions.

Here they are:

  1. The web­site will have a max­i­mum width of 1276 pix­els

  2. The web­site will be based upon the Ger­st­ner grid

  3. The web­site will have a wide cen­tral col­umn (748 pix­els) for the main body con­tent

  4. The web­site will have two nar­row side­bar columns (220 pix­els) one on the left and one on the right for notes and asides

  5. Columns will be sep­a­rated by a gap of 44 pix­els

  6. The web­site will use the Eq­uity font set

  7. The main body text of the doc­u­ment will have a font size of 24 pix­els

  8. The main body text will have a line spac­ing of 135%


That’s it, eight con­clu­sions after seven and a half thou­sand words.



End flourish image