Archetype

Modular type scale and font pairing tool for the web

Free

Archetype is a web-based tool for creating modular type scales and font pairings, letting designers preview heading and body combinations in real browser rendering. It helps establish consistent typographic hierarchies for design systems and exports the resulting scale as CSS variables. Archetype is popular with design system practitioners who need rigorous type scale foundations.

#typography#type-scale#font-pairing#design-systems#css