Base

Scale

Baseline Grid (px)

Show
Reset
Reset Font
Scale
Charts
Download Download Scale
Add
Remove
    Add
    Remove
    • Tight
    • Medium
    • Wide
    A precision typography tool and models, by Adonis Raul Raduca
    A precision typography tool and models, by Adonis Raul Raduca

    Metric scale

    This scale is producing type systems with font sizes multiple of a chosen unit. Therefore this scale is ideal for situations where the type scale needs to follow a specific metric pattern. This is often the case for the sophisticated business products, but of course is not limited to them. The scale can be successfully used in all range of products and web sites. If you are interested in how values are calculated, you can look into the models section.

    This project

    If you are in charge of creating a type system, this tool is here to assist you. The intention behind this project is to provide a one stop tool for designing a type hierarchy which covers: font size, line height and letter spacing. Another project objective is to provide the computational models, for the curious minds and for those interested to implement them.

    Context

    Type scales were made popular by Tim Brown’s work on Modular Scale, which raised the bar on web typography. Then comes the Jeremy Church initiative with his Type Scale tool, with its own contribution in spreading the word. Finally we have this project, which covers more than font size, with the intention to provide the complete solution for those interested in designing a type system.

    © 2022 Adonis Raul Raduca

    Close

    Font Size (px)

    Line Height (px)

    Letter Spacing (%)

    Close
    Download

    Type Scale

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