HTML CSS
Latest commit e5e31c8 Oct 3, 2016 @jxnblk committed on GitHub Merge pull request #1 from jxnblk/duodecimal
Duodecimal
Permalink
Failed to load latest commit information.
LICENSE.md Clean up Oct 3, 2016
README.md Adjust docs Oct 4, 2016
index.html Adjust docs Oct 4, 2016
package.json Clean up Oct 3, 2016
type-system.css Adjust docs Oct 4, 2016

README.md

Type System

Typographic scale with pixel-perfect alignment

http://jxnblk.com/type-system

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.

Type Scale

  1. 72px
  2. 48px
  3. 36px
  4. 24px
  5. 18px
  6. 12px

Measure

Using 32em as the max-width ensures line lengths never exceed roughly 66 characters, staying within the widely-regarded range of 45 – 75 characters.

Space Scale

Margins are derived from the core type scale and always align to an 8px baseline grid.

  1. 8px
  2. 16px
  3. 32px
  4. 64px
  5. 128px
  6. 256px

MIT License