GameGlass Brand Guide

Resources for presenting the GameGlass brand consistently.

Download all assets (ZIP)

Usage terms

The GameGlass name, logos, and the assets in this repository are trademarks of GameGlass Inc. They are not open source. You may use them to refer to GameGlass, to show compatibility with GameGlass, or as a GameGlass partner, provided you follow this guide and the Brand Asset Usage Terms. Any other use requires written permission from GameGlass.

Naming

"GameGlass" is a single word always spelled with a capital G for "Game", followed by another capital G for "Glass". The abbreviation "GG" is also appropriate when the full name "GameGlass" has already been established.

It also references the acronym commonly used in gaming "Good Game", which is a value we take to heart here at GameGlass.

Usage

Provide plenty of space around the GameGlass logo and other GG assets. When cluttered, they may look too busy. Big or small is fine, just be sure to use the proper asset in the proper context.

GameGlass colors

We are fans of being dark and mysterious. The GameGlass brand pops on darker backgrounds, so if possible that's what you want to use. Our primary dark background color is #09090B.

Name	Hex	Use
Dark background	#09090B	Primary background color
Green	#41E985	Primary brand green, top of the gradient
Dark green	#27916A	Secondary brand green, bottom of the gradient
Light background	#FAFAFA	Light background, used for grayscale marks

The brand gradient runs top to bottom from #41E985 to #27916A.

GameGlass wordmark

The GG wordmark should be the primary asset used when there is enough space to easily read the text. The green gradient logo should only be used on a dark background.

Click a preview to open the SVG. The on-black variants are transparent with white text, so they are only visible when viewing this page in a dark theme.

Primary (dark background)	Grayscale on black	Grayscale on white
SVG · PNG · @2x · @3x	SVG · PNG · @2x · @3x	SVG · PNG · @2x · @3x

GameGlass Logo

For tight layouts or logo-only grids, the GameGlass logomark is a concise way to refer to GameGlass. Use with good judgment for your audience.

Primary (dark background)	Grayscale on black	Grayscale on white
SVG · PNG · @2x · @3x	SVG · PNG · @2x · @3x	SVG · PNG · @2x · @3x

No padding

The same logomark cropped to its edges, for layouts that manage their own spacing.

Primary (dark background)	Grayscale on black	Grayscale on white
SVG · PNG	SVG · PNG	SVG · PNG

GameGlass Icon

When referring to GameGlass as a company, such as on social media, or where a "chip" design is required, it is acceptable to use this stylized icon with an appropriate corner radius.

Square	Rounded	Maskable
SVG · PNG · 512 · @2x · @3x	SVG · PNG · 114 · 256 · 512 · @2x · @3x	SVG · PNG · 1024

CSS variables

The brand colors are available as CSS custom properties in brand.css.

@import "brand.css";

body {
  background: var(--gg-color-background-dark);
  color: var(--gg-color-background-light);
}

.hero {
  background: var(--gg-gradient-green);
}

Variable	Value
--gg-color-background-dark	#09090B
--gg-color-background-light	#FAFAFA
--gg-color-green	#41E985
--gg-color-green-dark	#27916A
--gg-gradient-green	180deg gradient, #41E985 to #27916A