typeplate/typeplate.github.io

Where is the Vertical Rhythm?

Closed this issue · 1 comments

Hi

Where is the Vertical Rhythm? The line-height what is responsible for the vertical rhythm is totaly non consistent.

If the base font size is 18px and the base line-height is 29,7px then the line-height should be the multiple of the base line-height for every text size.

For example:

Take a look at this image: http://screencast.com/t/ZHLTJC5yKt4o

The font-size is 24px that means the line-height should be 29,7 px here not 39,6px.

Other example: if H1 is 60 px then line-height should be 89,1 px(3x29,7 px).

And sum of the margin-top and margin-bottom should be equal with 29,7px or multiple of 29,7px.

Here is a great article about vertical rhythm: http://24ways.org/2006/compose-to-a-vertical-rhythm/

Thanks for the tip.