robertfauver.com Design System

Updated 09-02-2022

This Design System is a bit of WIP. I'm focusing on Typography first and then moving down the list.

Typography

I'm using a serif and sans-serif mix. Headlines are 'Raleway', 'Helvetica Neue', Helvetica, sans-serif. Body copy is 'Cormorant Garamond', Georgia, Times, serif. The monospace font is 'Fira Mono', SF Mono, Consolas, monospace. Google is serving the code. There are some instances where the serif and sans-serif fonts are in the same line of copy.

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5
Headline 6

Paragraph copy, Lorem ipsum dolor sit amet consectetur, adipisicing elit. Expedita quod quae alias sit magni hic ab fugit. Unde delectus error reiciendis. Quam maiores cumque illo, voluptatum laboriosam quibusdam ipsum? Dolorum.

  1. Ordered List Item
  2. Ordered List Item
  3. Ordered List Item
  • Unordered List Item
  • Unordered List Item
  • Unordered List Item