Colors
- $black
- #000000
- rgba(0,0,0,1)
- $white
- #ffffff
- rgba(255,255,255,1)
- $yellow
- #FDC23C
- rgba(253, 194, 60, 1)
- $yellow-dark
- #F0A236
- rgba(240, 162, 54, 1)
- $grey
- #B8B8B8
- rgba(184, 184, 184, 1)
- $grey-light
- #D8D8D8
- rgba(216, 216, 216, 1)
- $grey-medium
- #979797
- rgba(151, 151, 151, 1)
- $grey-dark
- #8C8787
- rgba(140, 135, 135, 1)
- $turquoise
- #20BBE3
- rgba(32, 187, 227, 1)
- $blue
- #0A6FC7
- rgba(10, 111, 199, 1)
- $blue-dark
- #003575
- rgba(0, 53, 117, 1)
- $purple
- #6F0C8D
- rgba(111, 12, 141, 1)
- $green
- #15958D
- rgba(21, 149, 141, 1)
- $green-dark
- #08786F
- rgba(8, 120, 111, 1)
Gradients
- .color-block.yellow > .vertical-gradient
- .color-block.yellow > .angle-gradient
- .color-block.turquoise > .vertical-gradient
- .color-block.turquoise > .angle-gradient
- .color-block.blue > .vertical-gradient
- .color-block.blue > .angle-gradient
- .color-block.blue-dark > .vertical-gradient
- .color-block.blue-dark > .angle-gradient
- .color-block.purple > .vertical-gradient
- .color-block.purple > .angle-gradient
- .color-block.green > .vertical-gradient
- .color-block.green > .angle-gradient
Text Styles
H1
H2
H3
H4
H5
H5.light
H5.meta-info
- Body .big-text
- Body
- Body .small-text
Fonts
Aa Zz
Montserrat-SemiBold
(.semibold)
Aa Zz
Montserrat-LightItalic
(.italic)
Aa Zz
Montserrat-Bold
(.bold)
Aa Zz
Museo Sans
(.museo)
Aa Zz
Museo Sans
(.museo.italic)
Buttons
Links
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dapibus, libero nec hendrerit mollis, augue turpis hendrerit mi.
