Branding & Style Guidelines
Branding & Style Guidelines
© GiveGab |
All rights reserved.
The contents of this document are entirely owned by GiveGab. No part of this document may be reproduced in any form without the permission of GiveGab.
Branding & Style Guidelines | 2
Table of Contents Our Brand
Brand Characters
Strategic Brand Overview...................... 3
Meet Give & Gab....................................9 Environment........................................10
Logo Usage
Usage......................................................11
Logo Variations and Icon.......................4
Other GiveGab Characters................12
Improper Logo Usage.............................5 Logo Spacing & Alignment....................6 Logo Treatment........................................7
Typography and Colors Typography..............................................7 GiveGab Colors........................................8
Branding & Style Guidelines | 33
Strategic Brand Overview Our Brand Welcome to the GiveGab Brand Guidelines. Here you will find everything you need to help tell the GiveGab story.
You may use the logos and other assets on this page provided that you follow the guidelines described below.
GiveGab's marks include the GiveGab name, logos, graphics, and any other word, phrase, image or other designation that identifies GiveGab as the source or origin of any product or service.
If you have any questions on proper logo or image usage, please contact us at [email protected] and we'd be happy to help!
Branding & Style Guidelines | 4
Logo Variations and Icon
Logo on white
Logo with tagline on gray
Logo with tagline on dark blue/gray (see pg. 8 for coloring)
GiveGab Icon
You can download our logo and other brand assets at http://info.givegab.com/goodies
Branding & Style Guidelines | 5
Improper Logo Usage 1. Don’t stray from GiveGab colors!
1
2
3
4
5
6
7
8
2. Don’t change the logo’s orientation. 3. Don’t apply drop shadows or glows to logo. 4. Don’t crop the logo in any way. 5. Don’t place the logo on vibrating backgrounds. 6. Don’t outline the logo. 7. Don’t stretch or alter logo proportions. 8. Don’t place the logo on an image.
Branding & Style Guidelines | 6
Logo Spacing & Alignment Proper Logo White Space
Surrounding objects should not come closer than the width/height of the “e” in the logo. The ascender of the “b” and capital “G” do not come into consideration when applying this rule.
Proper tagline alignment
The distance between the tagline and logo should be about the width of the logo's weight. The tagline width should extend just shy of the logo's length. White space described above also applies in this instance.
Branding & Style Guidelines | 7
Logo Treatment As Written Text GiveGab should always be written with the first ‘G’ and second ‘G’ capitalized.
...Lorem ipsum GiveGab dolor sit...
There should never be a space between the two words.
Typography Museo Slab 100
Museo Slab 300
GiveGab uses Museo Slab as a primary font for headlines.
Museo Slab 500
Museo Slab 700
Branding & Style Guidelines | 8
Colors Logo Colors
Secondary Colors
Blue HEX- #0FC2EC PMS- Solid 306 U R-15 | G-194 | B-236 C-67 | M-0 | Y-3 | K-0
Dark Blue/Gray
Teal
Purple
HEX- #2D3C49 PMS- Solid 541 UP R-45 | G-60 | B-73 C-82| M-66 | Y-51 | K-43
HEX- #07B1A4 PMS- Solid 319 U R-7 | G-177 | B-164 C-76 | M-4 | Y-44 | K-0
HEX- #715CA8 PMS- Solid 2735 U R-113 | G-92 | B-168 C-64 | M-73 | Y-0 | K-0
Orange
Green
Pink
HEX- #F57F21 PMS- Solid 158 U R-245 | G-127 | B-33 C-0 | M-62 | Y-100 | K-0
HEX- #8CC640 PMS- Solid 375 U R-140 | G-198 | B-64 C-50 | M-2 | Y-99 | K-0
HEX- #dd225c PMS- Solid 206 C R-221 | G-34 | B-92 C-8 | M-02 | Y-49 | K-0
Grays Mid Gray
Light Gray
HEX- #EAEAEA R-234 | G-234 | B-234 C-7 | M-5 | Y-5 | K-0
HEX- #FAFAFA R-45 | G-60 | B-73 C-1 | M-1 | Y-1 | K-0
Branding & Style Guidelines | 9
Meet Give & Gab
Give is blue. Give likes giving. Give is nice & helpful.
Gab is orange. Gab likes gabbing. Gab is friendly & outgoing.
They work well together!
Branding & Style Guidelines | 10
Environment
They enjoy the great outdoors!
They enjoy open white space.
They enjoy dark blue/gray space.
They enjoy faint blue space.
Branding & Style Guidelines | 11
Usage Give & Gab may be used in promotional materials for GiveGab. Here are some guidelines to follow:
Usage DON’Ts Please DO NOT stretch or distort Give or Gab.
Please DO NOT alter their colors. They’re proud of their colors and would be sad if you changed them!
Usage DOs Please DO NOT put Give or Gab on an image or any unapproved background.
Do use them separately, if needed.
Branding & Style Guidelines | 12
Community Members
Give and Gab have many friends!
Gentleman
Goon
Glimmer
Glad & Grin
Glam
Gronk
Groovy
Goof
Genius
Giant
Giggle
Gnarly
Grand
Gallop
Green
© GiveGab |
All rights reserved.
The contents of this document are entirely owned by GiveGab. No part of this document may be reproduced in any form without the permission of GiveGab.
Branding & Style Guidelines | 2
Table of Contents Our Brand
Brand Characters
Strategic Brand Overview...................... 3
Meet Give & Gab....................................9 Environment........................................10
Logo Usage
Usage......................................................11
Logo Variations and Icon.......................4
Other GiveGab Characters................12
Improper Logo Usage.............................5 Logo Spacing & Alignment....................6 Logo Treatment........................................7
Typography and Colors Typography..............................................7 GiveGab Colors........................................8
Branding & Style Guidelines | 33
Strategic Brand Overview Our Brand Welcome to the GiveGab Brand Guidelines. Here you will find everything you need to help tell the GiveGab story.
You may use the logos and other assets on this page provided that you follow the guidelines described below.
GiveGab's marks include the GiveGab name, logos, graphics, and any other word, phrase, image or other designation that identifies GiveGab as the source or origin of any product or service.
If you have any questions on proper logo or image usage, please contact us at [email protected] and we'd be happy to help!
Branding & Style Guidelines | 4
Logo Variations and Icon
Logo on white
Logo with tagline on gray
Logo with tagline on dark blue/gray (see pg. 8 for coloring)
GiveGab Icon
You can download our logo and other brand assets at http://info.givegab.com/goodies
Branding & Style Guidelines | 5
Improper Logo Usage 1. Don’t stray from GiveGab colors!
1
2
3
4
5
6
7
8
2. Don’t change the logo’s orientation. 3. Don’t apply drop shadows or glows to logo. 4. Don’t crop the logo in any way. 5. Don’t place the logo on vibrating backgrounds. 6. Don’t outline the logo. 7. Don’t stretch or alter logo proportions. 8. Don’t place the logo on an image.
Branding & Style Guidelines | 6
Logo Spacing & Alignment Proper Logo White Space
Surrounding objects should not come closer than the width/height of the “e” in the logo. The ascender of the “b” and capital “G” do not come into consideration when applying this rule.
Proper tagline alignment
The distance between the tagline and logo should be about the width of the logo's weight. The tagline width should extend just shy of the logo's length. White space described above also applies in this instance.
Branding & Style Guidelines | 7
Logo Treatment As Written Text GiveGab should always be written with the first ‘G’ and second ‘G’ capitalized.
...Lorem ipsum GiveGab dolor sit...
There should never be a space between the two words.
Typography Museo Slab 100
Museo Slab 300
GiveGab uses Museo Slab as a primary font for headlines.
Museo Slab 500
Museo Slab 700
Branding & Style Guidelines | 8
Colors Logo Colors
Secondary Colors
Blue HEX- #0FC2EC PMS- Solid 306 U R-15 | G-194 | B-236 C-67 | M-0 | Y-3 | K-0
Dark Blue/Gray
Teal
Purple
HEX- #2D3C49 PMS- Solid 541 UP R-45 | G-60 | B-73 C-82| M-66 | Y-51 | K-43
HEX- #07B1A4 PMS- Solid 319 U R-7 | G-177 | B-164 C-76 | M-4 | Y-44 | K-0
HEX- #715CA8 PMS- Solid 2735 U R-113 | G-92 | B-168 C-64 | M-73 | Y-0 | K-0
Orange
Green
Pink
HEX- #F57F21 PMS- Solid 158 U R-245 | G-127 | B-33 C-0 | M-62 | Y-100 | K-0
HEX- #8CC640 PMS- Solid 375 U R-140 | G-198 | B-64 C-50 | M-2 | Y-99 | K-0
HEX- #dd225c PMS- Solid 206 C R-221 | G-34 | B-92 C-8 | M-02 | Y-49 | K-0
Grays Mid Gray
Light Gray
HEX- #EAEAEA R-234 | G-234 | B-234 C-7 | M-5 | Y-5 | K-0
HEX- #FAFAFA R-45 | G-60 | B-73 C-1 | M-1 | Y-1 | K-0
Branding & Style Guidelines | 9
Meet Give & Gab
Give is blue. Give likes giving. Give is nice & helpful.
Gab is orange. Gab likes gabbing. Gab is friendly & outgoing.
They work well together!
Branding & Style Guidelines | 10
Environment
They enjoy the great outdoors!
They enjoy open white space.
They enjoy dark blue/gray space.
They enjoy faint blue space.
Branding & Style Guidelines | 11
Usage Give & Gab may be used in promotional materials for GiveGab. Here are some guidelines to follow:
Usage DON’Ts Please DO NOT stretch or distort Give or Gab.
Please DO NOT alter their colors. They’re proud of their colors and would be sad if you changed them!
Usage DOs Please DO NOT put Give or Gab on an image or any unapproved background.
Do use them separately, if needed.
Branding & Style Guidelines | 12
Community Members
Give and Gab have many friends!
Gentleman
Goon
Glimmer
Glad & Grin
Glam
Gronk
Groovy
Goof
Genius
Giant
Giggle
Gnarly
Grand
Gallop
Green
