Resize your browser.
Resize your browser.
Resize your browser.
Resize your browser.
Resize your browser.
Resize your browser.
These headings (and this paragraph) are being styled with SoulType. Notice how their size changes at different screen sizes, but a logical hierarchy is maintained throughout. There’s quite a bit of math and design work that goes into creating harmonious type scales like this – work that you shouldn’t have to worry about.
SoulType also has special utility classes for things like small type – so you can size captions and other asides consistently across your site.