TType Scale Builder
Runs locally in your browser. Nothing is uploaded or stored.
Build modular typography scales.
/tools/type-scale-buildertext
Type Scale Builder
Build a modular type scale and copy CSS variables.
Preview
-2The quick brown fox
-1The quick brown fox
baseThe quick brown fox
+1The quick brown fox
+2The quick brown fox
+3The quick brown fox
+4The quick brown fox
+5The quick brown fox
+6The quick brown fox
CSS Variables
:root {
--type--2: 11.11px;
--type--1: 13.33px;
--type-base: 16px;
--type-up-1: 19.2px;
--type-up-2: 23.04px;
--type-up-3: 27.65px;
--type-up-4: 33.18px;
--type-up-5: 39.81px;
--type-up-6: 47.78px;
}