Logos
Color Logo
Vertical Logo
Inverse Logo
Icon Logo
Color Palette
Lightest
Lighter
Main
Darker
Darkest
#ff8c00
#0073ff
#ff0d00
#9d0800
#eeeeee
#cccccc
#231f20
Theme Color Settings
Background
#ffffff
Borders
#cccccc
Heading Divider
#231f20
Header Background
#ffffff
Cart Badge
#ff0d00
Cart Background
#fff
Dropdown Background
#FFFFFF
Footer Background
#eeeeee
Footer Border
rgba(0,0,0,0)
Borders
#cccccc
Borders
#cccccc
Typography
This is body text
Font - Karla
Style - normal
Weight - 400
Size - 16
Color - #231f20
Style - normal
Weight - 400
Size - 16
Color - #231f20
Font - Karla
Style - normal
Weight - 700
Size - 17
Color - #231f20
Style - normal
Weight - 700
Size - 17
Color - #231f20
Font - Karla
Style - normal
Weight - 700
Size - 16
Style - normal
Weight - 700
Size - 16
Pre-Heading
Font - Karla
Style - normal
Weight - 400
Size - 15
Style - normal
Weight - 400
Size - 15
This is H1 text
This is H2 text
This is H3 text
This is H4 text
This is H5 text
Font - Montserrat
Style - normal
Weight - 700
Size - 36
Color - #231f20
Style - normal
Weight - 700
Size - 36
Color - #231f20
Sub-Heading
Font - "Open Sans"
Style - normal
Weight - 400
Size - 16
Style - normal
Weight - 400
Size - 16
Font - Montserrat
Style - normal
Weight - 700
Size - 36
Color - #FFFFFF
Style - normal
Weight - 700
Size - 36
Color - #FFFFFF
Font - Karla
Style - normal
Weight - 400
Size - 16
Style - normal
Weight - 400
Size - 16
More Tools
Add a Wrench Tutorial - https://www.loom.com/share/a9e311537a6544e9b89feeb022c11a90