Typography Info

Spacing

Spacing is controlled by a Sass function s() which effectivly creates a custom unit of measurement. s(1) is equal to the base line height, or the line height of a common <p> element.

All spacing and sizing should be done using the s() function. If any manual calculation must be one, use the value below:

At the time of writing, s(1) = 1.6rem or 25.6px

Line / Paragraph Length

Our target max line length is 700px (about 100 characters). Paragraphs should be at least 4 lines and at most 8 lines long.

Long sections of paragraphs should be broken up by a header, image, or a blockquote.