Chapter . si6

The trouble with fonts, and how to cope with that trouble

<authorgroup>Shaun Designer Inman</authorgroup>
si6 (Inman)Inman, Shaunsi6typographysi6typography examples from Zen Gardensi6si6

DESIGNER SHAUN INMAN created si6 to take advantage of a grid structure. Three columns are implied in the design by imaginary type boundaries. The subtle lines interspersed amongst lines of text form complex relationships between the headers in the left column and the paragraphs they summarize in the main body’s middle column.

The type itself was carefully adjusted to fit on top of a background of image-based underlines. Constructing pixel-reliant text in this way resulted in a highly polished visual, but ...

Get The Zen of CSS Design: Visual Enlightenment for the Web now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.