GiveGab Branding Guidelines
Design Principles
GiveGab utilizes all of its design principles to create amazing products as well as an excellent user-experience. They guide us in our design choices and overall brand.
Unity: GiveGab designs and interfaces make use of GiveGab’s official guidelines which provide a basis for a unified and consistent experience across mediums.
User-Focus: We design for our users, not for ourselves. Our aim is to create user-friendly, appealing, and delightful solutions that attract customers and help them to easily accomplish their goals. We value client feedback as a way to improve and grow our products. Our designs are flexible and evolve over time to meet client needs and changes in target demographics.
Craftsmanship: GiveGab produces designs that are high quality, well-crafted, and thoughtful. We care about details and improve our designs through research, feedback, collaboration, iteration, and fine-tuning. We take ownership of what we create and only deliver solutions we’re proud of.
Simplicity & Cleanliness: GiveGab designs make good use of white space, clean lines, and a simple color palette. We strive against cluttered interfaces in favor of focused-design that reduces visual and cognitive strain whenever possible.
Logos & Acceptable Backgrounds



Unacceptable Use of Logo

Brand Colors
Primary Colors
#0FC2EC
#364D63
#FF8B22
Secondary Colors
#FAFAFA
#EAEAEA
#AAAAAA
#6D6D6D
Background Colors
#364D63
#EAEAEA
#FFFFFF
Fonts & Type Styles
H1
Proxima Nova Bold
Museo Slab 500
Body
Proxima Nova Regular Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ac imperdiet nunc, eu ultrices quam. Sed feugiat id lacus vitae laoreet. Suspendisse vestibulum mi ut mollis accumsan. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce imperdiet metus bibendum sem sagittis iaculis.
H2
Proxima Nova Bold
Bullets
H3
Proxima Nova Bold
Links
Proxima Nova Bold
Proxima Nova Bold Hover
H4
Proxima Nova Medium
Quotation
“Proxima Nova Medium Italic Lorem ipsum dolor sit amet, consectetur.”
-Proxima Nova Bold,
Proxima Nova Medium
Images & Icons
Quality: GiveGab always uses high-quality images on its materials. No grainy, pixelated images allowed! We also help to educate our nonprofit partners on best practices for obtaining and using high-quality images.
Realistic: We choose candid-looking photos over cheesy, posed-looking ones. The content and subjects within our photos are relatable and should speak to or represent our target demographics.
Accesible: On the web, we keep our images of good quality, at an appropriate size for the screen size, swap out large images for small ones for mobile devices, and include alt tags.




Decorations
Borders: If borders are used, they are generally GiveGab light gray and kept at about 3px.
Additional Decoration: Dots and circles, in GiveGab light blue and orange, are used to emphasize an image and provide a more dynamic layout.
Filters: Filters are used to allow text over the image to be readable. We use black or GiveGab dark blue at a low opacity so that the text is still legible and accessible.


