OOOOPS. Your browser seems to be too old for this. Please update your browser.
Teutonic CSS
Use it

Type scale

Text base

↑ This is the base font size for the --text-m variable. It's used for all standard elements like div or p without size applied. Please stick to the em unit here. 1em should match 16px on desktop size. Edit this value only slightly as it has a big impact, something between .8em and 1.2em is good.

Text ratio

↑ This defines the propotion by which the modular scale is calculated. Please edit this only slighty: Use a value higher than 1 and — for aesthetic reasons — lower than 1.7.

Text scale calculation

↑ This is how the font-sizes are getting calculated using the --text-base and --text-ratio. The base is in the lower part, from there it grows and shrinks.