SmartGrids is an application that allows you to easily configure and preview modular typography grids.

A screenshot of the interface of the app AmartSrids. On the left, you can see the panels to transform the page, set the alignment, and set the typography style. In the middle, you see a preview of the grid. On the right side, you can configure the grid and see the output of the program.
Interface of SmartGrids.

SmartGrids is a small application I wrote in Python and recently published on GitHub. It allows you to quickly create and preview different typographic rasters based on several inputs. While this was nothing impossible before, it automates and speeds up the non-creative math part tremendously.

This project not only allowed me to learn how to write applications in python but has also taught me a lot about how and where fonts get stored on the computer and how the actual files are built. The project also introduced me to the fonttools library which I used throughout the project to get information from the font files.

You can input parameters like the page size, margins, font size, and leading and SmartGrids will show you all the possible grid configurations. Unlike the built-in grid creation tools in Adobe InDesign, SmartGrids will automatically align the grid to your body copy. The gridlines can be aligned with the cap-height, ascender, or x-height of the text. It also allows for a baseline shift so that the gridlines don’t align with the baseline of the text but with the descenders.

Preview of a layout and grid created with SmartGrids. Three white pages with images on it on a black background.
Gridsystem created in SmartGrids.

Creating cap-height aligned grids in Adobe InDesign is not impossible, but involves a lot of trial and error and manual measuring. This applications allow you to skip the tedious guesswork and manual calculations. SmartGrids will show you all possible grid configurations and output all relevant values which you can then input into your layout software.

The grids follow the style proposed by Josef Müller-Brockamann in his influential 1981 book Grid Systems in Graphic Design.¹ Typographic grids help you structure your layouts in a meaningful and clean way. When working on larger editorial projects they can speed up your workflow significantly.

Give it a try on GitHub and feel free to give me all your feedback.

1 — If you are somewhat interested in graphic design and/or typography this book is worth a read.