Style Guide
Colors
! Make sure to edit the color Variables to apply changes for the whole website.
Black
Primary
Secondary
Background
Grey
Beige
White
Typography
! Use classed "Align Center", "Align Left", "Align Right" and "Justify" to control text alignement.
All H1 Headings
All H2 Headings
All H3 Headings
All H4 Headings
All Paragraphs
Eyebrow
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Spacing
! Use Spacers between elements to space them accordingly.
! By default Container classes are centered. Add "Left" or "Right" class to position the containers.
! Add classes "Padding Large", "Padding Medium" or "Padding Small" to the "Global Padding" to control the padding of the section.