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.