search

typeplate / typeplate.github.io

Official Website for Typeplate: “A Typographic Starter Kit.”
http://typeplate.com
Other
1.35k stars 109 forks source link

Where is the Vertical Rhythm? #128

Closed mibocs closed 10 years ago

mibocs commented 10 years ago

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/

grayghostvisuals commented 10 years ago

Thanks for the tip.