Brand Guide
This guide includes a library of messages, graphics and templates to use when promoting your Google Developer Groups chapter.
Table of Contents
Brand Foundations
Narrative & Messaging
Reference these core messages when communicating about your chapter or community:
Google Developer Groups and On Campus groups are local communities for developers to connect and learn together.
This global community prides itself on being an inclusive environment. Everyone and anyone interested in tech - from beginner developers to experienced professionals are welcome to join.
Google Developer Groups is a program supported by Google for Developers.
Connect
Meet local developers and technologists. All are welcome, including those with diverse backgrounds and from various companies and industries.
Learn
Learn about a range of technical topics and gain new skills through hands-on workshops, training, events, talks, and meet ups — both online and in-person.
Grow
Apply your knowledge and connections to build great products and advance your skills, career, and network. Give back to your community by helping others learn, too.
Logo: Editable Location
Those who have been a part of the program for a while are familiar with the GDG logo as an acronym. The new Google Developer Groups logo is an opportunity for community groups to have a stronger visible affiliation with Google.
Use the logo in these formats.
While the horizontal logo is preferred, the stacked logo can be used as an alternative when space is a limiting factor.
The full color logo lockup should only be used on either white and grey backgrounds.
The white version should only be used on top of a background color from the Google Developers primary color palette or on photographs that are not too busy.
The bracket icon Download
Logo: Editable PA + Location
Those who have been a part of the program for a while are familiar with the GDG logo as an acronym. The new Google Developer Groups logo is an opportunity for community groups to have a stronger visible affiliation with Google.
Use the logo in these formats.
While the horizontal logo is preferred, the stacked logo can be used as an alternative when space is a limiting factor.
The full color logo lockup should only be used on either white and grey backgrounds.
Logo: Editable University
Those who have been a part of the program for a while are familiar with the GDG logo as an acronym. The new Google Developer Groups On Campus logo is an opportunity for university groups to have a stronger visible affiliation with Google.
Use the logo in these formats.
While the horizontal logo is preferred, the stacked logo can be used as an alternative when space is a limiting factor.
The full color logo lockup should only be used on either white and grey backgrounds.
Logo: Evergreen Lockup - Centered
Logo: Evergreen Lockup - Horizontal
Color
Use the Google Developers primary color palette in assets or communications.
White is the most important color in our palette. It provides simplicity and clarity to our visuals, and it’s the foundation of all Google designs, illustrations, and environments. Use the primary colors to create focus.
Blue 500
#4285f4
Blue 300
#8ab4f8
Green 500
#34a853
Green 300
#81c995
Yellow 600
#f9ab00
Yellow 200
#fde293
Red 500
#ea4335
Red 300
#f28b82
Black
#000000
Grey 700
#5f6368
Grey 100
#f1f3f4
Neutrals
Do if you want to further customize your brand, create a visual asset that can be shown in addition to but NOT as part of the lockup. The spacing around the lockup should at a minimum match the height of “Google”.
Do describe the program as “GDG stands for Google Developers Groups and is a program offered by Google Developers to support community-run developer groups”.
Do refer to your chapter as “a community-run developer group supported by Google Developers”
Chapter Logo Do’s
Do customize the lockup for your chapter using the official lockup generator tool (made available only to confirmed members of the platform) and following the naming guidelines indicated above.
Do refer to your chapter as “Google Developer Groups [Location]”.
Do refer to the program as “Google Developer Groups”
Do name your chapter with a “Location” that is a city or area (e.g. London, Silicon Valley).
Chapter Logo Don’ts
Don’t Use the Google Developers name or lockup to represent your chapter. Always use your custom GDG [Location] lockup OR the main GDG lockup instead (but don’t use both at the same time!).
Don’t Localize "GDG" or the Location within the lockup. Always use "GDG" and your location in English and localize comms instead.
Don’t Name your chapter with a “Location” that is a state, country, region, or continent (e.g. California, France, EMEA, Africa).
Don’t Refer to your chapter as a “Google Developer Group Location” or “Google Developers Group Location”.
Don’t Name your chapter with a “Location” that is a state, country, region, or continent (e.g. California, France, EMEA, Africa).
Don’t Alter or distort the official lockup in any way, including altering fonts, colors, shapes, proportions, or rotating/flipping it in any direction.
Don’t Use the lockup on a poorly contrasting or busy background.
Don’t Overlap or crowd the lockup with other custom elements including text or artwork.
Partner & Sponsor Logos
Always place partner logos a good distance (generally underneath) from the GDG logo. They cannot appear to be the same program or product.
Space has be allotted for co-branding and partnership/sponsorship opportunities on a variety of assets within this kit.
We recommend no more than 2 logos to maintain cleanliness of the layout and ensure all content is legible. If 2 brands are needed, consider using the logo mark only.
Photography
Use photography to communicate Google’s values of inclusivity, empowerment and strength in community.
Prioritize and focus on individuals.
Capture smiling faces.
Focus on actions that communicate what Google Developers is about (people coding together, working on laptops, listening to talks, giving talks, networking).
Avoid focusing on "party" photos.
Make sure photos are clear, with good lighting and of high resolution. Avoid sharing blurry photos.
Integrate the developer line art style as needed to reiterate Google’s developer-centric branding.
Typography
Please use Google Sans Bold for headlines, and Google Sans Regular for subheads and body copy. If smaller text is necessary such as for annotations, footnotes, or small labels, please use Open Sans or Roboto Mono.
Google Sans Bold
Roboto Mono Normal
Google Sans Regular
Headline
Subhead
Body Copy
Open Sans Normal
Alternate Body Copy
Typography: Do’s
Use a ratio of 1½ :1 for setting the size of a header to the body copy. (Example: if your body copy 12pt in size, please set the header to 18 (12/2 = 6; 12+6=18).
Use a line spacing of between 1.15-1.5.
Add a paragraph break that is ½ the height of the header. (Example: if the header is 24pt in size, add at least a 12pt paragraph break between the header and body copy below.)
Use color to draw attention to key messages in the typography.
Applications closing soon.
Submit your information by October 1 to be considered.
Subtitle Text
Another example of a header.
Submit your information by October 1 to be considered.
Do
Left align text and ensure comfortable spacing between lines
Do
Apply Roboto Mono Normal to the subheaders to create appropriate hierarchy.
Don’t
Do not use bold for subheadings or body copy.
Typography: Don’ts
Applications closing soon.
Submit your information by October 1 to be considered.
Don’t
Do not use multiple colors for a full body of text. Reserve color usage to the key element of a message that deserves the most attention
Applications closing soon.
Submit your information by October 1 to be considered.
Don’t
Do not use highlights or any other typographic treatment for headers. Lean on Google Sans bold and accents of color to draw attention to content when necessary.
Applications closing soon.
Submit your information by October 1 to be considered.
Typography: Don’ts
Don’t
Do not use all caps for headlines, or underline text (unless an underline is needed for a link)
APPLICATIONS CLOSING SOON.
Submit your information by October 1 to be considered.
Don’t
Do not apply colors outside of the brand guidelines to any typography.
Applications closing soon.
Submit your information by October 1 to be considered.
Don’t
Do not use italics or adjust the letter spacing of the text
Applications closing soon.
S i g n u p t o d a y !
How to use Google Drawings: Create
To create your own asset, simply make a copy of of the Google Drawing you are looking to recreate.
Once you have made your own copy of the asset, you can edit the location, information, and photos to your liking. Keeping within the guidelines noted in this document will ensure your version is on-brand.
How to use Google Drawings: Export
To export your customized DevFest asset, go to File > Download > and select the preferred file type. In most cases, this will either by .jpg or .png
Video
Intro Animation
Intro Animation with Title
Title Card
Section Title
Transitions
End Card
Lower Thirds
YouTube Thumbnail
Holding Slides: GDG Logo / Sponsors & Partners
Digital
Website: Landing Page Header
2650x500
640x500
1440x500
Website: Bevy Landing Page Header
2560x650
Website Banners
2650x500
640x500
1440x500
Blog Post Images
4209x1253
1024x512
Presentation Slides Template
Video Chat Digital Background
Email Template: Google Docs
Email Signature
Developer Profile Badges
Speaker
Member
Organizer
Social
Instagram: Promo Stickers (GIFs)
Evergreen Social Templates
Use these templates for adding GDG-related announcements. ��Edit or remove the “location” and other text fields as needed.
1:1 Background Template
16:9 Background Template
Avatar Template
Photo Frames
Announcement Templates: Event, Venue, Activity
Activity Announcement
Venue Announcement
Event Announcement
Agenda Promo
Speaker Promo
Speaker Promo: Co-branded
Sponsor/Partner Announcement Template
16:9
1:1
Twitter Banner
LinkedIn Banner
Events
Badges & Lanyard: 3.5x5.5”
Signage: Letter / 8.5x11”
Signage: Poster / 18x24”
Signage: Meterboard / 46x95”
Scale reference: 72” figure
Signage: Podium / 24x18”
One sheet: Editable template for GDG community (8.5x11”)
Swag Kit
Banner - 5’ x 3’
Stickers - Diecut
Stickers - Rectangle
T-shirt
Model wearing Bella + Canvas 3413
Unisex Triblend: Charcoal-Black
Model wearing Bella + Canvas 6413
Women’s Relaxed Triblend: Charcoal-Black
Water Bottle
Single Color Print
Full Color Print