Baseline is a CSS framework, built with typographic standards in mind, that aims to simplify developing a website with a pleasing grid, good forms and typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system.
Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as its foundation. The grid in Baseline is composed of 4 basic columns, for more flexibility each column can be divided in 2 units. When designing using Baseline, optimal reading line length — between 10 and 15 words per line — can be achieved with a 2 column design.
Compared to most other frameworks, Baseline uses the font metrics to line up headlines, paragraphs, form labels and any other major elements rather than regular line-height. There are some limitations like: Baseline need a recent browser, Safari 3, Google Chrome, Firefox 3, Opera 9 and Internet Explorer 8 all work correctly with some minor differences. Some CSS3 and HTML5 code will not work on older browser.
Baseline is free, however, it is licensed under a Creative Commons Attribution-Share Alike 3.0 Unported License.