Typographic scale with pixel-perfect alignment
Type System is a general-purpose design system and stylesheet for beautiful, readable typesetting on the web. Following tried-and-true typographic principles and inspired by Robert Bringhurst, Type Systems offers smart defaults for consistently balanced hierarchy and effortless visual rhythm.
- 72px
- 48px
- 36px
- 24px
- 18px
- 12px
Using 32em as the max-width ensures line lengths never exceed roughly 66 characters, staying within the widely-regarded range of 45 – 75 characters.
Margins are derived from the core type scale and always align to an 8px baseline grid.
- 8px
- 16px
- 32px
- 64px
- 128px
- 256px