Typogasm makes it easy to play with typographic scales and vertical grids. Use the controls at the bottom of the screen to set the type for the page. The line height will determine the vertical rhythm. The font size of this body text will be used as the root size in whatever typographic scale you choose below. When you're done, scroll down to see the results and grab the css. If you're new to scales and vertical grids read more.

1 2 3 4 5
show grid
rem vrem em px

vrem (vertical rem) is a simple css hack that turns 1rem into 1 line making it easy to play with a vertical grid in the browser. Notice how easy it is to read the line heights and margins. more