Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

James Barnett
James Barnett
39,199 Points
Posted by James Barnett
James Barnett
39,199 Points

Modular Typography is awesome

After I saw Tim Brown's talk on a More Perfect Typography I knew he was onto something.

The basic idea is that just like a musical scale are notes arranged in ways that sound good to the ear. With a typography scale, text is arranged in a manner that is appealing to the eye.

Popular scales include the Golden Ratio (1.618) and a Musical Fifth (1.333). These scales are multiples of your body font size & line height. Then all of your headers are laid out proportionally so your page maintains a vertical rhythm.

You can use Gridlover to help you work out the math.

3 Answers

Matt West
Matt West
14,545 Points
Matt West
Matt West
14,545 Points

Interesting.

Thanks for sharing James :)

Deleted User
Deleted User

James: Really fantastic!

John Locke
John Locke
9,450 Points
John Locke
John Locke
9,450 Points

I've been lucky to have come up in Web design in the era that I have. I've integrated typography best practices from the start. The Elements of Typographic Style is as essential to me as Bulletproof CSS or Designing With Web Standards. It's good to see that our industry as a whole has re-emphasized the basics of design, such as good typography, rather than emphasize gimmicks.