Body Text

Scale

Equal Tempered Piano

Type Grid

Show
Reset
Reset Font
Scale
Charts
Download Download Scale
Add
Remove
    Add
    Remove
    • Tight
    • Medium
    • Wide
    Type Scale Tool & Models by Adonis Raul Raduca
    Type Scale Tool & Models by Adonis Raul Raduca

    Modular Type Scale

    The modular type scale empowers you to create type scales that bring a natural rhythm, consistency, and balance to your designs. Use small scales for polished, business-focused products, medium scales for engaging consumer products and websites, and large scales to make a bold visual statement. Want to dive deeper into the calculations? Check out the models section!

    The Tool

    Introducing a powerful type scale and type system tool designed to craft smooth, harmonious typography for any project. From sophisticated business apps to consumer products and visually striking websites, this tool empowers you to create with confidence. It's built for both designers and developers, offering computational models that make implementation seamless. Whether you're focused on design or diving into the technical details, this tool has you covered.

    Context

    Type scales gained prominence with Tim Brown's work on Modular Scale, which set a new standard for web typography. This project aims to go beyond just font size, offering a complete solution for designing type scales and type systems—from design to implementation-ready models.

    Close

    Font Size (px)

    Line Height (px)

    Letter Spacing (%)

    Close
    Download

    Type Scale

    Font Size Line Height Letter Spacing
    px rem px ratio % em