Style Guide
Typography
Colors
Icons
Fonts
Buttons
Heading 1
Aa Bb Cc
Heading 1 - 4.5rem / Roboto Condensed 500
Heading 2
Aa Bb Cc
Heading 2 - 2.6rem / Roboto Condensed 500
Heading 3
Aa Bb Cc
Heading 3 - 1.8rem/ Roboto Condensed 500
Heading 4
Aa Bb Cc
Heading 4 - 1.6rem/ Roboto Condensed 500
Eyebrow Text Example - Paragraph 3 + Bold Italic
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragraph 1 - 20px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragraph 2- 20px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragraph 3- 20px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Monospace“Whatever it is, the way you tell your story online can make all the difference.”