Design Tips & Tricks — Modular Scale

Modular scale references a sequence of harmonious and proportional values.

There are different types of modular scales, on this article I will just list, generally speaking, all of them. Obviously, modular scales are valuable for maintaining a harmonious and especially responsive layout. However, as this article is just a quick tip, this deeper subject is for another time.

Among the existing scales are:

How to use?

1. Choose a modular scale. (I will use the 1500 scale as an example)
2. Set a base size for your font. (I will use as 16px base)
3. Now, multiply the modular scale by the size of your font.

Where can I use it?

Modular scaling is used to define the size of headings and to define the leading lines of your texts.

Golden tip

The wonderful world of the internet can make your job easier with modular scales! Below, are some tools that will assist you in this process.

Modular Scale

Type Scale - A Visual Calculator

Archetype, Digital Typography Design Tool by Our Own Thing, using Google web fonts

Thanks for reading my article. Hope this tip has helped you!