The Grid System » baseline

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.

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.

CSS with Vertical Rhythm

Antonio Carusone — Wed, 20 May 2009 03:05:39 +0000

This tool will help you compute CSS that has a consistent vertical rhythm.

Baseline Rhythm Deciphered

Antonio Carusone — Wed, 20 May 2009 03:04:11 +0000

When this occurs, your page is said to have vertical rhythm — the text is easier to read than text that doesn’t line up, as it feels more cohesive and less disjointed.

Boks

Antonio Carusone — Tue, 07 Apr 2009 14:41:13 +0000

An AIR application that provides a User Interface for Blueprint CSS’s framework with control over grid configuration and baseline rhythm.

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.

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.

Gridmaker

Antonio Carusone — Tue, 23 Dec 2008 16:24:48 +0000

An online tool where you can specify the width, columns, gutter and baseline of your grid and then save it locally in JPG format.

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.

Compose to a Vertical Rhythm

Antonio Carusone — Thu, 04 Dec 2008 15:18:04 +0000

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.

Incremental leading

Antonio Carusone — Wed, 03 Dec 2008 14:55:32 +0000

In editorial design, there is a technique used for sidenotes and boxouts that aligns to the baseline grid, or vertical rhythm. It’s called incremental leading.

Syncotype

Antonio Carusone — Mon, 01 Dec 2008 19:54:12 +0000

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.

Setting up a Baseline Grid

Antonio Carusone — Fri, 28 Nov 2008 19:28:15 +0000

In this article, I will go through some simple steps to acheive good clean well structured typography in Adobe Indesign.

Baseline Rhythm Calculator

Antonio Carusone — Fri, 21 Nov 2008 19:56:01 +0000

Generate a basic CSS stylesheet with the proper calculations for a consistent baseline.