Get a free demo

The Gameplan Brand

This brand guideline is designed to provide you with the information and tools you need to effectively and consistently represent the Gameplan brand. By following the guidelines outlined in this document, you can help to ensure that our brand remains strong and recognizable across all channels and platforms.

Full Brand Guidelines Available Upon Request.

Logotype

Typography

Colors

Our Brand

It is crucial that everyone in our organization adheres to our brand guidelines. These guidelines serve as the foundation for how we represent ourselves on social media and other online platforms. By using our brand guidelines consistently, we ensure that our online presence is cohesive and aligned with our brand values. This, in turn, helps us to build trust and credibility with our audience.

Furthermore, using our brand guidelines consistently helps to protect our brand identity and reinforces our brand recognition. This is especially important in today's digital world, where consumers are bombarded with an overwhelming amount of information and content. By standing out with a strong and consistent brand presence, we can effectively cut through the noise and connect with our audience.

In short, adhering to our brand guidelines is essential for maintaining a professional and cohesive online presence. It helps us to build trust and credibility, protect our brand identity, and stand out in a crowded digital landscape. Let's all make sure to use our brand guidelines consistently to ensure that we are representing ourselves in the best way possible.

Design Principles

The user is king

At Gameplan, our users are our top priority. All of our lessons, marketing materials, and platform are designed with their needs and preferences in mind. We are committed to being adaptable and responsive to their feedback and requests.

A Product for Everyone

We believe that accessibility is crucial to ensuring that everyone has the opportunity to learn and grow. That's why we strive to make all of our content, products, and services accessible to people with disabilities. We are dedicated to providing an inclusive and supportive environment where anyone can learn essential skills through esports. Everyone should have the opportunity to succeed and thrive, regardless of their abilities.

Balance

Maintaining a balance is a key element of our design philosophy. Our platform and all of our products should be both fun and easy to use, with a focus on accessibility for all users. We strive to create an engaging and intuitive experience that is enjoyable for everyone.

Logotype

As our primary identity, our logotype is an important aspect of our brand and we take great pride in it. In order to maintain the integrity and consistency of our brand, we have established some guidelines for the proper usage of our logotype in all communications. By following these guidelines, we can ensure that our logotype is always presented in a professional and effective manner.

In order to maintain the consistency and integrity of our brand, we ask that the following guidelines be followed when using our logotype.

Only use the logotype in the colors provided by us.
Do not distort the logotype in any way, including rotating or skewing it.
Whenever possible, use the latest versions of our logotype.
Ensure that there is clear contrast between the background and the logotype.
Do not use our logotype without obtaining explicit permission from us first.

Color

The logo’s color should never be altered other than the provided versions.

White for use on dark backgrounds
Black for use on light backgrounds
Orange (primary) for use whenever possible.

Spacing

Allow the logotype to "breathe" by providing adequate space around it. This will help to ensure that it is not confused with other elements on the page.

A suitable amount of clear space around the logotype is equal to half the size of the logo mark. This will help to create a balanced and professional visual presentation.

What not to do

Here are some examples of how the Gameplan logo should not be used.

Change color
Skew and/or rotate
Use other fonts
Outline
Add gradient
Change the proportions

Versions & download

The primary logotype of Gameplan should be used whenever possible, however, there are different options available for special cases.

Primary logo
Icon

Download the Gameplan logo

Isotype

The isotype is a simplified version of our symbol. It can for example be used as a favicon for browser tabs. It doesn’t have any maximum size limit, but shouldn’t be smaller than 16x16px.

Avatars

The avatars are key to recognizing the Gameplan brand on social media, and there are two options you can choose from.

The primary and preferred avatar features the Gameplan icon centered on a Gameplan orange background.

The second option is the Bob variant, which comes in both square and round shapes. We recommend using the default avatar whenever possible.

Download main

Download Bob

Download Bob circular

Colors

The Gameplan color system is designed to be flexible and adaptable to various contexts. While we have established brand colors that we typically use, we recognize that the fluid nature of our color system allows for flexibility and creativity in color selection.

Gameplan UI colors

950

#431407

900

#7C2D12

800

#9A3412

700

#C2410C

600

#EA580C

500

#F97316

400

#FB923C

300

#FDBA74

200

#FED7AA

100

#FFEDD5

#FFF7ED

950

#052E16

900

#14532D

800

#166534

700

#15803D

600

#16A34A

500

#22C55E

400

#4ADE80

300

#86EFAC

200

#BBF7D0

100

#DCFCE7

#F0FDF4

950

#172554

900

#1E3A8A

800

#1E40AF

700

#1D4ED8

600

#2563EB

500

#3B82F6

400

#60A5FA

300

#93C5FD

200

#BFDBFE

100

#DBEAFE

#EFF6FF

950

#450A0A

900

#7F1D1D

800

#991B1B

700

#B91C1C

600

#DC2626

500

#EF4444

400

#F87171

300

#FCA5A5

200

#FECACA

100

#FEE2E2

#FEF2F2

950

#422006

900

#713F12

800

#854D0E

700

#A16207

600

#CA8A04

500

#EAB308

400

#FACC15

300

#FDE047

200

#FEF08A

100

#FEF9C3

#FEFCE8

950

#083344

900

#164E63

800

#155E75

700

#0E7490

600

#0891B2

500

#06B6D4

400

#22D3EE

300

#67E8F9

200

#A5F3FC

100

#CFFAFE

#ECFEFF

950

#3B0764

900

#581C87

800

#6B21A8

700

#7E22CE

600

#9333EA

500

#A855F7

400

#C084FC

300

#D8B4FE

200

#E9D5FF

100

#F3E8FF

#FAF5FF

Primary Colors

Gameplan has a set of primary colors. These colors are the ones that mainly should be used in Gameplan’s visual communication.

Primary Colors - Usage guidlines

To ensure good contast between the primary colors, we recommend that you always follow these color pairing guidelines when working with text.

Typography

One of our key goals is to promote accessibility in esports. In pursuit of this objective, we prioritize using fonts that are easily readable for the broadest possible audience. This ensures that our content is accessible to as many people as possible and helps us to achieve our goal of making esports accessible for all.

A suitable line height
Big enough to read
Enough contrast to make it readable

A suitable line height
Big enough to read
Enough contrast to make it readable

Headings

For titles and headings, we use Plus Jakarta Sans Bold, a fresh and modern geometric sans serif font designed by Gumpita Rahayu. Taking inspiration from Neuzeit Grotesk, Futura, and 1930s grotesque sans serifs, Plus Jakarta Sans features clean, crisp forms and tall x-heights to ensure excellent legibility at a range of sizes. With its open counters and balanced spaces, Plus Jakarta Sans Bold is the perfect font for creating bold and impactful titles and headings that grab attention and convey our message with clarity and conviction.

Paragraphs

The use of Inter Regular for paragraphs not only enhances readability and legibility, but also adds a touch of sophistication and elegance to our written content. With its tall x-height and OpenType features such as contextual alternates and slashed zero, Inter allows us to craft beautiful and engaging paragraphs