The Grid System » typography

Sushi & Robots

Antonio Carusone — Fri, 07 May 2010 14:48:15 +0000

Beautifully personal portfolio by Jina Bolton that reveals the site grid and baseline grid.

Neutica+

Antonio Carusone — Thu, 05 Nov 2009 04:01:54 +0000

Neutica+ is a Wordpress theme that features a strict, grid based design mixed with clean typography.

Typography is a Grid

Antonio Carusone — Fri, 18 Sep 2009 14:25:13 +0000

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

Antonio Carusone — Fri, 18 Sep 2009 14:02:12 +0000

The book also goes into depth on how to create grid systems by hand with only pencil, straightedge and compass.

Build Typeface

Antonio Carusone — Mon, 24 Aug 2009 19:59:40 +0000

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

Antonio Carusone — Mon, 24 Aug 2009 19:53:48 +0000

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

Antonio Carusone — Mon, 04 May 2009 15:34:18 +0000

A typeface designed on a 5 column grid as a framework for building a modular font family.

Warm Forest Templates

Antonio Carusone — Mon, 20 Apr 2009 18:37:38 +0000

Flash based templates that are designed with a strong focus on typography, grids and usability.

Layout Essentials: 100 Design Principles for Using Grids

Antonio Carusone — Mon, 23 Mar 2009 16:59:29 +0000

This book outlines and demonstrate basic layout/grid guidelines and rules through 100 entries.

Setting Web Type to a Baseline Grid

Antonio Carusone — Mon, 23 Mar 2009 16:51:10 +0000

Another excellent article on the Dev Opera site covering baseline grids and how they can be applied to the web.

A Type Primer

Antonio Carusone — Wed, 18 Feb 2009 16:28:23 +0000

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

Antonio Carusone — Thu, 05 Feb 2009 16:28:30 +0000

A jQuery based tool that generates an image with a baseline grid based on the lineheight of an element.

Grid Designer

Antonio Carusone — Tue, 20 Jan 2009 15:32:23 +0000

A CSS tool used for creating scalable grids and calculating typographic settings and that generates CSS and XHTML templates.

The Vignelli Canon

Antonio Carusone — Fri, 09 Jan 2009 16:49:39 +0000

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

Antonio Carusone — Tue, 06 Jan 2009 15:15:16 +0000

Project involving developing a grid system, and laying out an informational book on the usage of type, with text from various sources.

Typogridphy

Antonio Carusone — Mon, 05 Jan 2009 16:41:25 +0000

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

Antonio Carusone — Tue, 23 Dec 2008 16:28:32 +0000

Typographic Systems explores eight major structural systems beyond the traditional ordering systems of the grid – including random, radial, modular, and bilateral systems.

AisleOne Essentials

Antonio Carusone — Wed, 10 Dec 2008 16:57:17 +0000

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

Antonio Carusone — Tue, 09 Dec 2008 13:52:34 +0000

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

Antonio Carusone — Mon, 08 Dec 2008 16:09:28 +0000

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.