Visual examples of typographic modular scale

A visual way to choose your font scale

Modularscale.com is a great way to create more meaningful typography. Thanks to sassy modular scale you can have a typographic scale using SASS.

This page helps to choose the preferred scale with a visual example.

All examples use a base font of 1em (16px by default).
The structure is <h3><h1><h2><p> and it uses the ms sass function like this:

.golden {
    h1 {
        font-size: ms(3, $base-size, golden());  
    }
    h2 {
        font-size: ms(2, $base-size, golden());
    }
    ...
}