Sparechange Brand Identity January 2021
Brand Logo We use three variations of logo because let’s face it, one size does not fit all. 1. Simple Icon Logo 2. Icon & Text Logo 3. Simple Text Logo
Simple Icon Logo
Simple Icon Logo Inverted
- Do not change the color gradient - Do not use a solid color - The “S” in the color logo should always be our brand white color, “Cultured”. Never change that color or make the S transparent.
- Do not change the color of the inverted logo - Do not use a gradient for inverted logo - The “S” in the the inverted logo should always be transparent so you can see the background through the “S”
Simple Text Logo Inverted - Only use the inverted text logo in our brand colors “International Orange Aerospace” or “Cultured” - Do not use a gradient on the plain text logo
Simple Text Logo - Only use the text logo in our brand colors, “Raisin Black” or “International Orange Aerospace”. - Do not use a gradient on the plain text logo
Icon & Text Logo
Icon & Text Logo Inverted
- Always use this logo horizontally - Never change the color combination of the icon and text
- Always use this logo horizontally - Never change the color combination of the icon and text
Primary Color
“International Orange Aerospace” #fe4e00
“Honey Yellow” #ffae03
“Persian Green” #1b998b
“United Nations Blue” #5a8cd7
“Plum” #88498F
“Dogwood Rose” #d90368
Brand Colors
Vibrant, Bold, Exciting, Modern
“Raisin Black” #2c2c34
“Dark Liver” #4b4b58
“Rythm” #7b7b8e
“Manatee” #a7a7b4
“Lavender Gray” #c8c8d0
“Gainsboro” #dedee3
“Cultured” #F7F7FF
“Honey Yellow” + “International Orange Aerospace”
Brand Gradients
“United Nations Blue” + “Dogwood Rose”
We love using vibrant gradients when possible. - Do not use two gradients at once. For example a gradient button on top of a different gradient background.
“United Nations Blue” + “Persian Green”
Breakers Bold Primary Headers (use any color or gradient from brand)
Only use Breakers Bold font when you are using the Simple Icon Logo. When using either of the logos with text, please do not use Breakers Bold as it competes with the logo.
Poppins Regular Subheaders (use any color or gradient from brand)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Body Copy (only use in “Raisin Black” or “Cultured”)
These are the Brand Fonts Feel free to use any brand color or gradient for headers and subheaders Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
These are the Brand Fonts Feel free to use any brand color or gradient for headers and subheaders Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Always use rounded corners for all buttons, icons and elements.
Gradient Buttons
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
- Do not use Gradient Buttons on anything with a gradient background. - Only use Gradient Buttons on black or white backgrounds.
Solid Color Buttons - Do not use Solid Color Buttons on anything with a gradient background. - Only use Solid Color Buttons on black or white backgrounds. - Always use white text on a Solid Color Button
Color Outline Buttons - Do not use Color Outline Buttons on anything with a gradient background. - Only use Color Outline Buttons on white backgrounds. - Do not apply a gradient to a Color Outline Button. - The button outline and text must always be the same color.
White Buttons - White Buttons can be used on any background, and should always be used on Gradient Backgrounds. - Use the brand color for button text that matches the background behind it with one exception: If on a black background, feel free to use any brand color for button text. - The text in a White Outline Button should always be white.
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
This is a Button
Pricing
Features
Community
Support
Login
Pricing
Features
Community
Support
Login
This is a tagline about sparechange and what it will do for you Sparechange™ minitors your credit card purchases and rounds up your spare change to donate to local charities. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.
This is a Button
This is a Button
This is a tagline about sparechange and what it will do for you Sparechange™ minitors your credit card purchases and rounds up your spare change to donate to local charities. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.
This is a Button
This is a Button