Neutica+ is a Wordpress theme that features a strict, grid based design mixed with clean typography.
Typography is a Grid
Grid structures are implicit in the word typography. To mention both typographic, and, in the same breath/sentence, grids, is strictly tautologous.
The Way of Typography
The book also goes into depth on how to create grid systems by hand with only pencil, straightedge and compass.
Build Typeface
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
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.
5 Column Grid Typeface
A typeface designed on a 5 column grid as a framework for building a modular font family.
Warm Forest Templates
Flash based templates that are designed with a strong focus on typography, grids and usability.
Layout Essentials: 100 Design Principles for Using Grids
This book outlines and demonstrate basic layout/grid guidelines and rules through 100 entries.
Setting Web Type to a Baseline Grid
Another excellent article on the Dev Opera site covering baseline grids and how they can be applied to the web.
A Type Primer
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.
TypoGridder
A jQuery based tool that generates an image with a baseline grid based on the lineheight of an element.
Grid Designer
A CSS tool used for creating scalable grids and calculating typographic settings and that generates CSS and XHTML templates.
The Vignelli Canon
A 96 page PDF book by the master Massimo Vignelli on better understanding typography in graphic design with a nice section of grids.
Type Book/Grid Project
Project involving developing a grid system, and laying out an informational book on the usage of type, with text from various sources.
Typogridphy
Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts.
Typographic Systems of Design
Typographic Systems explores eight major structural systems beyond the traditional ordering systems of the grid – including random, radial, modular, and bilateral systems.
AisleOne Essentials
A single place for all designers to find the most essential books on graphic design, typography and grid systems.
Setting Type on the Web to a Baseline Grid
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 CSS Framework
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.
Compose to a Vertical Rhythm
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
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.
The Typographic Grid
We consider this to be the academic part two to “Grid Systems.” Hans Rudolf Bosshard tackles a deeper understanding of the complex grid.
Setting up a Baseline Grid
In this article, I will go through some simple steps to acheive good clean well structured typography in Adobe Indesign.
Grid Systems: Principles of Organizing Type
Grid Systems provides a rich, easy-to-understand overview and demonstrates a step-by-step approach to typographic composition.
