The final four parameters are used to adjust the margins of your project. Try to recreate the margins used for this layout on free space.

Press G to open Grid settings. The first parameter sets the distance between regular grid lines in pixels. The second one reflects the distance between bold grid lines, which depends on the first value. Set your own parameters to fit into the sample grid.

Now you can see your work in action. If you did everything right, all your widgets would be arranged. Congrats!

invisible lines

Almost every layout has axes, invisible lines along which key elements — like text blocks, headlines, and illustrations — are arranged. These guidelines are the basic elements of the grid.


A grid can be very primitive and, for a book with a simple structure, may serve mostly as the baselines and margins of the text. Or it can be very complex, like when dealing with the variety of texts, headlines, photos, announcements and graphics that make up a newspaper. In a multi-column magazine, the number of columns in the grid may unexpectedly change from section to section.


On a website, it may extend or compress in response to the width of the browser.

© Ph B

© Kevin Lanceplaine

© Paul Gilmore

Achievement unlocked!

Now you know how to handle grids in Readymag.

You can always borrow some ideas from our Templates library. Press M or to enter the Pages panel and click on the link to Templates at the bottom of the menu. Tap on any template and press the ‘Add pages’ button at the bottom on the right. You’re set on making awesome designs!