Settings
16px
Export
:root {
--text-6xl: 4.7684rem; /* 76.2939px */
--text-5xl: 3.8147rem; /* 61.0352px */
--text-4xl: 3.0518rem; /* 48.8281px */
--text-3xl: 2.4414rem; /* 39.0625px */
--text-2xl: 1.9531rem; /* 31.25px */
--text-xl: 1.5625rem; /* 25px */
--text-lg: 1.25rem; /* 20px */
--text-base: 1rem; /* 16px */
--text-sm: 0.8rem; /* 12.8px */
--text-xs: 0.64rem; /* 10.24px */
--text-2xs: 0.512rem; /* 8.192px */
}Scale Preview — ratio 1.25 · base 16px
--text-6xl4.7684rem · 76.2939px
The quick brown fox jumps over the lazy dog
--text-5xl3.8147rem · 61.0352px
The quick brown fox jumps over the lazy dog
--text-4xl3.0518rem · 48.8281px
The quick brown fox jumps over the lazy dog
--text-3xl2.4414rem · 39.0625px
The quick brown fox jumps over the lazy dog
--text-2xl1.9531rem · 31.25px
The quick brown fox jumps over the lazy dog
--text-xl1.5625rem · 25px
The quick brown fox jumps over the lazy dog
--text-lg1.25rem · 20px
The quick brown fox jumps over the lazy dog
--text-base1rem · 16px
The quick brown fox jumps over the lazy dog
--text-sm0.8rem · 12.8px
The quick brown fox jumps over the lazy dog
--text-xs0.64rem · 10.24px
The quick brown fox jumps over the lazy dog
--text-2xs0.512rem · 8.192px
The quick brown fox jumps over the lazy dog