Base Sizes

Set the foundation for your type scale with Base Sizes. These values guide the tool in calculating the entire type scale. Provide key inputs for Font Size, Line Height, and Letter Spacing to shape your typography.

Scale

Equal Tempered Piano

Select a Scale to define the relationship between different font sizes. These scales, inspired by musical intervals like Major Third and Perfect Fifth, help create a harmonious and balanced type rhythm across your design.

Line Grid

Show

Set a Line Grid in pixels to constrain Line Heights to multiples of this unit. For example, setting it to 4px will round all Line Heights to the nearest multiple of 4. To disable this constraint set the grid value to 1px, to prevent rounding.

ResetReset Scale
Reset Font
TableScale Values
ChartsScale Charts
Download Download Scale
Add Step
Remove Step
    Add Step
    Remove Step
    • Tight
    • Medium
    • Wide
    Type Scale Tool & Models by Adonis Raul Raduca
    Type Scale Tool & Models by Adonis Raul Raduca

    The Type Scale Tool

    Meet Precise Type, the powerful Type Scale tool designed to help you craft smooth, harmonious typography for any project. From complex 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 a breeze. Whether you're focused on design or diving into the technical details, this tool has you covered.

    Modular Type Scale

    The modular type scale helps you create type scales that bring natural rhythm, consistency, and balance to your designs. Choose small scales for polished, business-focused products; medium scales for engaging consumer products and websites; and large scales to make a bold visual statement. Curious about the calculations? Check out the Models section!

    A Little History

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

    Visual marker indicating the end of the page
    © 2024 Adonis Raul Raduca
    Close

    Type Scale Charts

    See how font sizes, line heights, and letter spacing are evolving across your type scale.

    Font Size Increase

    Line Height Increase

    Letter Spacing Decrease

    Close
    Download Download Scale

    Type Scale Table

    Explore your type scale values, conveniently displayed in multiple units, for a seamless comparison across formats.
    Font Size Line Height Letter Spacing
    px rem px ratio % em