Style Guide
Style guide contains styles and elements that are used throughout the website. Changes made here will be applied globally.
Brand Logo
Logo: SVG
Width: Medium
Logo: Image
Width: Large
Font
Primary Font
Primary font is set on the Body element
Secondary Font
Secondary font is set on headings
Headings
Heading 1
Lorem ipsum dolor
Heading 2
Lorem ipsum dolor sit amet
Heading 3
Lorem ipsum dolor sit amet
Heading 4
Lorem ipsum dolor sit amet
Heading 5
Lorem ipsum dolor sit amet
Heading 6
Lorem ipsum dolor sit amet
HTML Tags
Paragraphs
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.
Quote Blocks
Lorem ipsum dolor sit amet, consectetur adipiscing elit varius enim in eros.
Links
Unordered Lists
- 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.
Ordered Lists
- 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.
Colors
Main Color
25
50
75
100
200
300
400
450
500
550
600
700
800
900
925
950
975
Accent Color
25
50
75
100
200
300
400
450
500
550
600
700
800
900
925
950
975
Theme
Theme Base
Card heading lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.
Ada Raine
Tag Base
Tag Neutral
Tag Inverse
Theme Inverse
Card heading lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.
Ada Raine
Tag Base
Tag Neutral
Tag Inverse