...

Dynamic Typographic Styles

After writing about vertical rhythms and using a fixed baseline to set type to fit perfectly  onto a grid,  I thought it fitting to release my Typographic CSS generator. It’s job is three fold, firstly, it resets all styles (negating the use for a reset.css), secondly it sets a cross-browser compatible baseline and adjusts all type to fit accordingly, and thirdly it kerns text to make it as readable as possible, especially at the smallest sizes.

Day 010 : Typographic Baselines

After coding multiple sites this week and evangelising about fixed baselines last week, I have found myself constantly having to do irritating fiddly maths or copy-pasting previously worked out styles. The problem with this is two fold – firstly, many of my new projects are based on a 22 pixel baseline (rendering much of my old code obsolete) and secondly, headlines vary in sizes on every site dependent on the visual aesthetics of the content.

Day 004 : Vertical Rythmn and Typography

Now that we have a basic layout, with boxes for all the relevent sections, it is time to start laying in content and styling it. The main issues to consider with type are readablity, proportions and the white space between sections. Each of these plays a significant role in how text flows around a page and how information is grouped together.

Business Card Design

Hilda’s Business card

Tense and compelling

I created and designed this stylish business card for great alternative artist & actress Hilda Eusébio.