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.

Type Grid

Show

Set a Type 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
ScaleScale 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.

    Close

    Font Size (px)

    Line Height (px)

    Letter Spacing (%)

    Close
    Download Download Scale

    Type Scale

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