Type scale generator

A modular type scale multiplies a base size by a fixed ratio to get every size on a site. With a 17 px base and a 1.25 ratio, body text is 17 px, H4 about 33 px and H1 about 65 px.

Base size (px)Ratio

Display, 81 pxYour brand

H1, 65 pxYour brand

H2, 52 pxYour brand

H3, 42 pxYour brand

H4, 33 pxYour brand

H5, 27 pxYour brand

H6, 21 pxYour brand

Body, 17 pxYour brand

Small, 14 pxYour brand

It runs in your browser. Nothing you enter is sent to any server.

Which ratio to choose

Small ratios (1.125 to 1.2) suit dense interfaces; large ones (1.333 to 1.618) suit editorial sites with prominent headlines.

Palette generatorGenerate a complete scale of shades (50 to 950) from a brand color, with complementary harmonies and CSS variables ready to copy.Use for free→

Brand localization and sales contentBrand information, Spanish product content and promotional assets for Argentine buyers, built on your existing brand with clear review and approval steps.See more→

Shall we talk?

Tell us about your product and current setup and we'll send a written proposal with phases, scope and every cost.

Write to us See plans