Log on
Main page Graphics Photography Audio Video Tools Web Design Documents Space & Astro Amiga Funny Surreal Gallery Links & Contact

Grid System Designer


This page outputs an SVG vector image.

Page dimensions: mm x mm
Margin left: mm
Margin right: mm
Margin top: mm
Margin bottom: mm
Grid columns:
Gutter:
(space between columns)
mm
Grid vertical size: rows (lines of text)
Font size: pt
Leading: pt

Some useful info:

  • An A3 page is 297 x 420 mm.
  • An A4 page is 210 x 297 mm.
  • An A5 page is 148 x 210 mm.
  • Text size is typically 8 - 12 pt.
  • Line height must be a bit higher than text height.
  • "Leading" (the space between lines) is typically about 10-30% of font size
Idea by Lasse Kusk. For more information on design using grid systems, i suggest reading the book "Grid Systems" by Josef Müller Brockmann.

Some examples:



Coming soon: .pdf output, so that you can import into Photoshop

Website by Joachim Michaelis