In this fascinating initiation into visual design and typography. The first chapter deals with proportions: grid systems and typographical measurements.
A PDF written by Andrew Maher to help you design grids and to give you the resources to delve further into the grid world.
Grids, along with visual hierarchy, typography, color theory, rhythm, etc., are the basic foundations of design and yet they are widely ignored by the industry.
Beautifully personal portfolio by Jina Bolton that reveals the site grid and baseline grid.
Neutica+ is a WordPress theme that features a strict, grid based design mixed with clean typography.
Grid structures are implicit in the word typography. To mention both typographic, and, in the same breath/sentence, grids, is strictly tautologous.
The book also goes into depth on how to create grid systems by hand with only pencil, straightedge and compass.
Build is a grid based handset typeface designed by Steven Bonner to give a structured, geometric look to short passages of type such as headlines and is perfect for display usage.
Baseline is a CSS typographic framework that makes it easy to develop a website with a pleasing grid and good typography and uses a “real” baseline grid as its foundation.
A typeface designed on a 5 column grid as a framework for building a modular font family.
Flash based templates that are designed with a strong focus on typography, grids and usability.
This book outlines and demonstrate basic layout/grid guidelines and rules through 100 entries.
Another excellent article on the Dev Opera site covering baseline grids and how they can be applied to the web.
A Type Primer provides a practical guide for beginners, presenting the basic principles and applications of typography. The book includes a section on how type is applied to a grid.
A jQuery based tool that generates an image with a baseline grid based on the lineheight of an element.
A CSS tool used for creating scalable grids and calculating typographic settings and that generates CSS and XHTML templates.
A 96 page PDF book by the master Massimo Vignelli on better understanding typography in graphic design with a nice section of grids.
Project involving developing a grid system, and laying out an informational book on the usage of type, with text from various sources.
Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts.
Typographic Systems explores eight major structural systems beyond the traditional ordering systems of the grid – including random, radial, modular, and bilateral systems.
A single place for all designers to find the most essential books on graphic design, typography and grid systems.
The main principle of the baseline grid is that the bottom of every line of text (the baseline) falls on a vertical grid set in even increments all the way down the page.
Blueprint is a CSS framework that gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.
On the Web, vertical rhythm is contributed to by three factors: font size, line height and margin or padding. All of these factors must calculated with care in order that the rhythm is maintained.
Syncotype is a simple tool to help align your text to a baseline grid. Enter your line height and offset in pixels in the Syncotype control box and click “Syncotype it” to overlay a baseline grid in red.
We consider this to be the academic part two to “Grid Systems.” Hans Rudolf Bosshard tackles a deeper understanding of the complex grid.
In this article, I will go through some simple steps to acheive good clean well structured typography in Adobe Indesign.