Skip to main content
Back to Home

BRAND GUIDELINES

Representing the branding of Google Developer Group Port Harcourt

About GDG Port Harcourt Brand

These guidelines ensure that all GDG Port Harcourt communications, whether from organizers, partners, or community members, maintain a consistent and professional appearance that reflects our connection to the global Google Developer community.

Logo

While the horizontal logo is preferred, the stacked logo can be used as an alternative when space is a limiting factor.

Horizontal Logo (Preferred)

GDG Port Harcourt Horizontal Light Logo

Light Background

Use on light backgrounds and white surfaces

GDG Port Harcourt Horizontal Dark Logo

Dark Background

Use on dark backgrounds and colored surfaces

Use horizontal format whenever possible for maximum brand recognition and visual impact.

Stacked Logo (Alternative)

GDG Port Harcourt Stacked Light Logo

Light Background

Stacked version for light backgrounds

GDG Port Harcourt Stacked Dark Logo

Dark Background

Stacked version for dark backgrounds

Use stacked format when horizontal space is limited or for square format applications.

Typography Guidelines

Google Developer Groups use specific typography to maintain consistency with Google's design system.

Google Sans - Main Typeface

Is the main typeface. Use a combination of bold and regular for titles or large sentences, so that the design is not too heavy.

For paragraphs with smaller type point, use the Regular variable.

Normal (400)Medium (500)Bold (700)

Google Developer Group Port Harcourt

Google Developer Group Port Harcourt

Google Sans Mono - Secondary Typeface

Is the secondary typeface and its function is to bring variety and the perception of "code-style writing" to the piece.

It is used for short lines, talent names or additional data in small scale use.

Normal (400)Bold (700)

Google Developer Group Port Harcourt

Google Developer Group Port Harcourt

Official Color Palette

GDG Port Harcourt uses Google's official brand colors to maintain consistency with the global Google Developer community. We started from the core color and went towards more pastel colors, without losing the brightness and saturation.

Core Colors

Blue 500

#4285F4

Primary brand color

Green 500

#34A853

Success and growth

Yellow 600

#F9AB00

Attention and energy

Red 500

#EA4335

Alerts and emphasis

Halftones

Halftone Blue

#57CAFF

Halftone Green

#5CDB6D

Halftone Yellow

#FFD427

Halftone Red

#FF7DAF

Pastels

Pastel Blue

#C3ECF6

Pastel Green

#CCF6C5

Pastel Yellow

#FFE7A5

Pastel Red

#F8D8D8

Grayscale

Off White

#F0F0F0

Black 02

#1E1E1E

Color Usage Notes

  • Use RGB / HEX values for digital applications (web, mobile, digital displays).
  • For print materials, refer to PANTONE color codes when available.
  • Maintain sufficient contrast ratios (WCAG AA/AAA) for accessibility compliance.
  • Click any color swatch above to instantly copy its hex code to your clipboard.

Logo Usage Guidelines

Follow these guidelines to ensure proper use of the GDG logo and maintain brand integrity across all channels.

Don'ts

Don't change color and shape
Incorrect Usage

Do not change the colors and shape.

Don't recolor secondary logo
Incorrect Background Contrast

Do not recolor the secondary logo for light-colored backgrounds.

Don't apply effects
No Effects or Shadows

Do not apply any effects.

GDG Port Harcourt
Incorrect Font Choice

Do not use a different font.

These brand guidelines are based on official Google Developer Groups standards. Please check this page for updates and download the most recent logo files from our official repository.

Back to Home