Within my templates I have the following colors pre-set based on how they are used within the template. When changing the colors in this template keep in mind how they are currently used. AKA: If you make #1 a pale/light color, all text will then be that color.
PALETTE :: There are 8 different colors you can add to your palette. FONT :: Mobile and Desktop each have 4 Font settings
#1
For text throughout
#2
For dark backgrounds
#3
The Hover Colors
#4
Unused Accent Color
#5
Unused Accent Color
#6
Unused Accent Color
#7
Unused Accent Color
#8
All white text & graphics
Stick to choosing around 4-6 colors, this will give you the flexibility on usage and brand cohesiveness. Be aware of your overall style, adjectives, color theory and your brand season.
GOOGLE FONTS: Here you can pick and choose any FREE google font to add to your site.
CUSTOM FONTS: Here you can upload your Purchased fonts and add to the site.
SELECTED FONTS: Here is a list of all the fonts that you've added and can be used on your site.
When changing the fonts, keep in mind how they are used throughout the template. AKA: If you change the ‘Heading’ to a cursive font all button text and page headings will reflect that.
Add FREE Google fonts
Choose the 'Font Squirrel' link, upload your font, unzip, and add the .WOFF to your library first.
When choosing fonts, make sure to limit it to 2-3 fonts total. The more fonts you introduce, the less cohesive and busier it can feel.
Find a primary font, a secondary, and an accent font.
Make sure the fonts you use align with your adjectives and style. and don’t use a messy or hard-to-read font for any headings! A glamorous and high-end brand might use a serif font type.
A simplistic and modern might use a clean or bold sans-serif font.
A romantic or playful brand might use a calligraphy or brush font.
A list of fonts used on your template
.bo-bottom {
text-transform: uppercase;
color: #FFF;
width: 100%;
position: absolute;
left: 0;
font-size: 13px !important;
font-family: 'Roboto' !important;
}
.bo-top {
text-transform: normal;
color: #FFF;
width: 100%;
position: absolute;
left: 0;
font-size: 20px !important;
font-family: 'Pinyon Script' !important;
}
*NEW UPDATE*
This template has recently been updated with the NEW Canvas Sets!
learn here →
there's been a
