Styleguide

Colors

  • #ffffff
  • #eeeeee
  • #b1b1b1
  • #08090E
  • #2ead2b

Typography

font-family: 'Sorts Mill Goudy';

Ag a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9

font-family: 'Brandon Grotesque';

Ag a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9

Headings

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Paragraphs

This is the primary body copy. This is a link. Pellentesque ornare sem lacinia quam venenatis vestibulum. This sentences is emphasized. Donec ullamcorper nulla non metus auctor fringilla. This sentence is bold.

This is a secondary, small body copy. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla.

Forms & Buttons

Icons

Technology

The SCSS and JavaScript is compiled, concatenated and minified using gulp.js and some PostCSS.
The front-end is compiled with Jekyll, source files hosted by Dreamhost.
Fonts are served by TypeKit and Google Fonts.