mike weir

Style Guide

Colors

Primaries and grays
class
bg-primary-1
hex
#C3073f
class
bg-primary-2
hex
#950740
class
bg-primary-3
hex
#6F2232
class
bg-primary-4
hex
#5A2CFF
class
bg-primary-5
hex
#FFA600
class
bg-gray-1
hex
#090B13
class
bg-gray-2
white
5% Alpha
class
bg-gray-3
hex
10% Alpha
class
bg-gray-4
hex
50% Alpha
class
bg-white
hex
#FFFFFF

Typography

Headings, body and other common text elements.

Display 1

Display 2

Display 3

Display 4

H1 Heading

H2 Heading

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.

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.

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.

H3 Heading

H4 Heading

H5 Heading
H6 Heading
Caption
Lead Text
Body Text
Small Text

Buttons

Component, text style and size variations

Selectables

Checkboxes, Radios and Select dropdowns
Select Elements
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Smaller units

Columns

1-col
1-col
1-col
1-col
1-col
1-col
1-col
1-col
1-col
1-col
1-col
1-col
2-col
2-col
2-col
2-col
2-col
.2-col-Last
3-col
3-col
3-col
.3-col-Last
4-col
4-col
.4-col-Last
5-col
2-col
.5-col-Last
6-col
.6-col-Last
7-col
.5-col-Last
5-col
.7-col-Last
4-col
.8-col-Last
3-col
.9-col-Last
2-col
.10-col-Last
1-col
.11-col-Last