1. Home
  2. Color & Typography
  3. Typography
  4. How To Use the Modular Scale To Set The Perfect Font Size

How To Use the Modular Scale To Set The Perfect Font Size

In Bellini, we integrated the Type Scale to automatically set the optimum font size. Follow these steps to enable Type Scale:

  1. Go to Appearance -> Customize -> Color & Typography -> Typography – Font & Size
  2. Scroll down to Font Size and set the Font Size
  3. Set the Body Font Size (based on this Body Font Size other font Size will be calculated)
  4. Now select the “Use Type Scale” from Elements – Font Size
  5. Below you will find a new option title “Type Scale
  6. Select the Type Scale option that fits your needs.
  7. Click on “Save & Publish

Type Scale Options:

  • Minor Second (1.067)
  • Major Second (1.125)
  • Minor Third (1.2)
  • Major Third (1.25)
  • Perfect Fourth (1.333)
  • Aug Fourth / Dim Fifth(1.414)
  • Perfect Fifth (1.5)
  • Minor Sixth (1.6)
  • Golden Section (1.618)
  • Major Sixth (1.667)
  • Minor Seventh (1.778)
  • Major Seventh (1.875)
  • Octave (2)
  • Major Tenth (2.5)
  • Major Eleventh (2.667)
  • Major Twelfth (3)
  • Double Octave (4)