Design Guide

Colors

$black

#000000
$gray

#2E3033
$gray-dark

#292B2E / mix($black,$gray,10%)
$white

#FFFFFF
$white-contrast

#ffffff80 / transparentize($white,0.5)
$yellow

#DEAC56
$yellow-dark

#DEAC56 / mix($black,$yellow,10%)
$green

#377261
$red

#A61100
$brown

#3F3636
$brown-contrast

#3f363680 / transparentize($brown,0.5)
$brown-light

#A69D91
$cream

#E6D7B6
$cream-dark

#F5E5C2
$cream-contrast

#D4C6A7
$cream-light

#FFF3D9

Buttons

Type Styles

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 5
Heading 6
Subheading 1
Subheading 2
Body: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
Body Bold: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
Body Bold Italic: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
Body (LG): Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
Body Bold (LG): Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
Body Bold Italic (LG): Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
Caption: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.