Skip to content

Typography Info

Matthew McAdams edited this page Jul 23, 2019 · 3 revisions

Spacing

Each element has one space below it, each header has two above and one below.

Each section gets 5 spaces above and below (including margin bottom of last child) if is has no background.

Sections with a background get 3 spaces top and bottom and 2 spaces of padding all around (Including the margin bottom of last child).

Sections that have a full width background do not need the side paddings.

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.

Clone this wiki locally