monkinetic weblog

Steve Ivy's Weblog - Since 1999 - XII Ed.

The New Typography: Design Eye & Space

design_guy_useit

Back in 2005, a collection of talented web designers & standards coders took a shot at redesigning Jakob Nielsen's Alertbox. It was one of my first lightbulb moments where I realized the difference a bit of weight variation and vertical spacing could make. This is not an example of typographic elegance, but it's utilitarian, extremely readable, and appropriate to the material.

dt {
    font-size:75%;
    font-weight:bold;
    margin:1.5em 0pt 0.5em;
}

p, dd {
    font-size:75%;
    line-height:140%;
}

.thumb {useit_style.css (line 27)
    float:right;
    margin:0pt 0pt 0pt 0.5em;
}

body {
    font-family:Verdana,Helvetica,sans-serif;
}

This screenshot brought to you by the letter S, for Skitch.

(The New Typography is a series of posts of indeterminate usefulness showcasing interesting uses of typography online and how the designer implemented them. Type-as-image need not apply.)

My name is Steve Ivy and I write about technology, the open web, social software, and general nerdity on monkinetic.com. You should follow me on Twitter or subscribe to this blog if you like what you're reading. I spend my days hacking Movable Type, python, Django, and various other efforts at Wallrazer. This is my personal site.