: How to match my layout grid with my margins, columns and baseline grid in indesign Please forgive me if this questions sounds a little off, but I'm struggling to understand it let alone explain

@Jennifer810

The baseline, columns, gutter, margins, and font leading must all relate to each other. The document grid must follow the font leading, but if you choose the leading then create the document grid, it will most of the time not perfectly fit the page. You can correct this by doing the reverse, divide the page height by the number of text line you get when you fill the page with text. You will get a number, this is the correct leading. And from there you figure out the margins etc...
I struggled with this as well, I created this calculator now it is much easier: www.jeanlou.net/grid-layout-calculator/

Vote Up Vote Down

@Sherry646

I had this problem and it was driving me crazy. I read marcusdoesstuff's excellent answer many times but because I am terrible at math I couldn't make sense of it.

The main takeaway for those math-deficient people like me is ADJUST THE BOTTOM MARGIN until your baseline fits into your horizontal guides/hanglines. No math needed - you just need to grow/shrink the bottom margin until the baseline has enough rows to match your guides evenly.

Vote Up Vote Down

@Barnes313

I'll start off by pointing out that fitting a 5x7 box into a 2x3 area (plus some gutters (which will only make the area thinner rather than fatter). You may find those horizontal guides very restrictive here. You can't even fit 7 into 5 anyway; they're both primes.

What we can do, however, is to at least get those horizontal guides to line up with the baseline. I'll show you my fairly visual way of creating simple grids like this. I'll write as if I'm making a grid from scratch:


Start by looking at your leading. As you want to fit 1x1 and 2x2 boxes into your grid, you'll need the leading to be the same as the gutter width (or the square isn't going to line up perfectly when it is 2x2 or larger)... I'm going to use 10.8pt here (no particular reason).
Choose the number columns and set your gutter width the same as the leading chosen for the baseline grid. I'll use 5 columns too.
Experiment with squares, lining them up with the baseline grid (ignore the current columns width!). How many lines tall and wide your squares are will influence how much margin you end up with.
If we settle on 8 lines then the square is 30.48mm wide; this is the column width that we want. A4 page width is 210, we have 5 columns and 10.8pt (3.81mm) leading & gutters so add up the width of all your 5 columns and 4 gutters (167.64mm in this case) and subtract that off your page width and divide by two so you get what a single margin would be ((210mm-167.64mm)/2 = 21.18mm). Insert this as your margins.
Repeat this for the height/top and bottom margins.


You'll end up with something like this:



(I've nudged my grid up a bit too at the end)

This is a grid where the ratio between the squares and the gutters is 8:1. If you made squares that were 9 lines high then it'd be 9:1, etc. You can probably scale these squares up and down and measure the total width and space between the squares for new margin/leading values if you're happy with the ratio but want a bit less or more margin. If you want a different ratio of lines per square then you'll need to go back a few steps. If you want to change the leading without scaling everything then you'll need to start from scratch.

If you have specific margin widths then you're going to have to come at it from a different angle. I found this post with linked, complicated, grid calculator that you may find useful: font.is/grid-systems-calculate-grids-for-layouts-in-indesign-with-the-help-of-the-easy-grid-calculator/

Vote Up Vote Down