Style Guide

Intro text. 22px/38px in Aktiv Grotesk Regular. 
Sed posuere consectetur est at lobortis. 
Nullam quis risus eget urna mollis ornare vel 
eu leo. Donec sed odio dui. Lorem ipsum dolor 
sit amet, consectetur adipiscing elit. Lorem 
ipsum dolor sit amet. Donec sed odio dui. 
Lorem ipsum dolor sit amet, consectetur 
adipiscing elit. Lorem ipsum dolor sit amet. Sed posuere consectetur est at lobortis.

Body Copy

Body copy. 18px/30px Aktiv Grotesk Regular. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. This is a link. It is blue and bold. Maecenas faucibus mollis interdum.

Headings

h1.xl – Heading 1

h1 – Heading 1

h2 – Heading 2

h3 – Heading 3

h4 – Heading 4

h5 – Heading 5
h6 – Heading 6

 

Alternate Headings

h1 – Heading 1

h2 – Heading 2

h3 – Heading 3

h4 – Heading 4

h5 – Heading 5
h6 – Heading 6

 

Blockquote

Blockquotes are full width excerpts. They should be kept fairly short. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.

Blockquote. Aktiv Grotesk Light. Nullam id dolor id nibh ultricies vehicula ut id elit.

 

Side quote

Pull quote. Aktiv Grotesk Light. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec ullamcorper nulla non.

Pull quotes are sidebar callouts that are 50% 
of the width and a bit smaller visually. Nullam 
quis risus eget urna mollis ornare vel eu leo. 
Sed posuere consectetur est at lobortis. 
Donec ullamcorper nulla non metus auctor 
fringilla. Nullam quis risus eget urna mollis 
ornare vel eu leo. Curabitur blandit tempus 
porttitor.

 

Buttons

Primary Button  Secondary Button  Tertiary Button