Type Scale Generator

Build a type scale and export CSS variables.

Processed locally. Your input never leaves your browser.

Base size (px)Scale ratioSteps above / below

About

Generate a typography scale from a base font size and ratio. Preview each step in px and rem, then copy CSS custom properties for use in a stylesheet.

Related Tools

Brand Color Scale

Generate a balanced light-to-dark color scale and CSS variables from one color.

Design

Aspect Ratio Calculator

Calculate image and video aspect ratios.

Design

Color Converter

Convert colors between HEX, RGB, HSL and more.

Design