Typography guidelines

This is a set of typography guides is to help create consistency in the Codeship Labs site.
Typography

Heading 1

H1 + display headings

Heading 2

Used as H2, for sections’titles

Heading 3

Used as H3, or important subtitle

Heading 4

Used as H3/H4
Text size
Sample text
Display
text-size-display
Sample text
Large
text-size-large
Sample text
Medium
text-size-medium
Sample text
Main
text-size-main
Sample text
Small
text-size-small
Text weight
Sample text
Semibold
text-weight-semibold
Sample text
Regular
text-weight-regular
Font style
Sample text
EditorialNew
text-font-heading
Sample text
Inter
text-weight-regular
Rich text

Heading 1

Heading 2

Heading 3

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Compentents & Design Elements
Primary Button
button
Primary Button
button