Styling Guide
Colors
Shadow/Gradient
Typography
h1 - 30px Century Gothic Pro Bold / All caps
h1.variant-b - 30px Century Gothic Pro / Italic
h3 - 25px Century Gothic Pro Bold/ All caps
h4 - 18px Minimo Bold / All caps
h5 (legal)- 14px Minimo Light
Body - 16px Minimo Regular
Body *.light - 16px Minimo Light
Body *.bold - 16px Minimo Bold
Body *.medium - 16px Minimo Medium
Buttons / Links
Icons
.icon-arrow-down
.icon-check
.icon-chevron-right
.chevron-up
.icon-facebook
.icon-instagram
.icon-plus
.icon-less
.icon-twitter
Logo/Symbol
Illustrations
.illustration.assignment
.illustration.books
.illustration.bubbles
.illustration.bus
.illustration.computer
.illustration.contribution
.illustration.disability
.illustration.family
.illustration.health-text
.illustration.heart
.illustration.home
.illustration.ideas
.illustration.legal
.illustration.location
.illustration.mentor
.illustration.networking
Form
Dropdowns
-
Title
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Grouped Accordion (mobile)
-
Grouped Mobile - title
-
Title
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
-
Title
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
-
Title
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
-
Title