BRAND GUIDE v 1.
0
INTRODUCTION
OBJECTIVES
DESIGN
To convey the Metactix™ brand as a whole,
inspiration and supporting elements come from
the product itself.
Any design objectives should focus on creating
a clean, straightforward presentation with direct
communication about the application and its
related esports industry.
MISSION VISION
Our mission at Metactix™ is to grow your organization Our vision is to create a safe, autonomous, and digitally
through the application of our intelligent center secure atmosphere for the global gaming & esports
management software that evolves with your needs & communities.
provides the best gaming experience possible.
BRAND GUIDE v 1.0
LOGOTYPE
INTRODUCTION
“MET–ACT–IX”
META TACTICS
The METACTIX™ logotype is composed of (Roboto Black)
BRAND GUIDE v 1.0
LOGO
HORIZONTAL
The horizontal Metactix™ logo version is mainly preferred. Do not use
the horizontal logo for sizes smaller than 1.5” width in print applications.
The full color logo should never be placed on backgrounds that create
low contrast. White or black logos are to be used as a last alternative.
SPOT 2-COLOR
X X
“X”
X
MINIMUM SPACING = “X” BLACK
1.5”
MINIMUM WIDTH WHITE
BRAND GUIDE v 1.0
LOGO
STACKED
The stacked Metactix™ logo is an acceptable format when there is a
need to fit into smaller areas due to size constraints, for example social
media formats. Do not use the stacked logo for sizes smaller than
1” width in print applications.
SPOT 2-COLOR
X
X X
“X” X
BLACK
MINIMUM SPACING = “X”
1”
WHITE
MINIMUM WIDTH
BRAND GUIDE v 1.0
COLORS
MAIN
Metactix™ PMS 130C yellow should be used sparingly as highlights to
design elements, adding special emphasis or visual interest. Metactix™
has a third supporting color, PMS 433C which is acceptable for more
complex color schemes where dark, high-contrast visuals are required.
PMS 130 C PMS Cool Gray 8 C PMS 433 C
CMYK 0 C 30 M 100 Y 5 K CMYK 4 C 1 M 0 Y 45 K CMYK 36 C 18 M 0 Y 82 K
RGB 242 R 169 G 0 B RGB 136 R 139 G 141 B RGB 29 R 37 G 45 B
HTML # F2A900 HTML # 888B8D HTML # 1D252D
BRAND GUIDE v 1.0
COLORS
SUPPORTING
These colors are reserved for future use if Metactix™ needs supporting
colors to create more unique sub-branding for special products or
marketing materials.
PMS 186 C PMS 716 C PMS 362 C PMS 3135 C
CMYK 0 C 92 M 77 Y 22 K CMYK 0 C 50 M 100 Y 8 K CMYK 49 C 0 M 70 Y 38 K CMYK 100 C 16 M 0 Y 33 K
RGB 200 R 16 G 46 B RGB 234 R 118 G 0 B RGB 80 R 158 G 47 B RGB 0 R 142 G 170 B
HTML # C8102E HTML # EA7600 HTML # 509E2F HTML # 008EAA
BRAND GUIDE v 1.0
TYPOGRAPHY
FONTS | MAIN
Roboto is a clean font with a slightly compressed width and should be
utilized in large amounts of body copy. It’s recommended to have a high
contrast between font weight, size and color to create a dynamic look.
Roboto Regular Print: Web:
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqurstuvwxyz Body Body
12345678910$%&()“”‘’ 8 ± 2pt 8 ± 2pt
Bullet Bullet
Roboto Bold 8 ± 2pt 8 ± 2pt
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqurstuvwxyz Headline Headline
12345678910$%&()“”‘’
24 ± 8pt 24 ± 8pt
Roboto Black Subhead Subhead
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqurstuvwxyz 14 ± 4pt 14 ± 4pt
12345678910$%&()“”‘’
Callouts Callouts
Roboto Light 14 ± 4pt 14 ± 4pt
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
12345678910$%&()“”‘’
BRAND GUIDE v 1.0
TYPOGRAPHY
FONTS | ALTERNATIVE
Montserrat is a geometric, mono-spaced font and the main font used
within the Metactix™ application. It should be utilized when a sense of
precision or clarity is required. Numbers, short titles and labels are ideal
for this use. Large amounts of body copy should be avoided.
Montserrat Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Print: Web:
abcdefghijklmnopqurstuvwxyz Body Body
12345678910$%&()“”‘’ 8 ± 2pt 8 ± 2pt
Bullet Bullet
Montserrat SemiBold 8 ± 2pt 8 ± 2pt
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqurstuvwxyz Headline Headline
24 ± 8pt 24 ± 8pt
12345678910$%&()“”‘’
Montserrat Bold Subhead Subhead
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqurstuvwxyz 14 ± 4pt 14 ± 4pt
12345678910$%&()“”‘’
Callouts Callouts
Montserrat Light 14 ± 4pt 14 ± 4pt
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
12345678910$%&()“”‘’
BRAND GUIDE v 1.0
SUPPORTING BRANDING
ELEMENTS | ANGLES
Angles can be used to emphasize and reinforce the Metactix™ logo mark
while adding activity and energy to the design space. The angle should
always match the logo exactly at 37.85°.
+\- 37.85°
BRAND GUIDE v 1.0
SUPPORTING BRANDING
ELEMENTS | ICONS
Metactix™ as a product is very visual and icon driven, the use of icons
as additional textures or helpful design elements is encouraged where
appropriate. Icons should be sourced from materialdesignicons.com
for consistency with the application.
materialdesignicons.com
BRAND GUIDE v 1.0
SUPPORTING BRANDING
ELEMENTS | PHOTOGRAPHY
Whenever possible try to promote photos of groups and teams over
individuals with diversity represented. Photos of Metactix™ software
in-use is also preferred where appropriately needed.
AUDIENCE LOCATIONS THEME STYLE
Teams Winning Motion
Esports Arenas
Camaraderie Action
Groups
Fun Soft
Gaming Centers
Individuals Comfortable Glow
BRAND GUIDE v 1.0
SUPPORTING BRANDING
ELEMENTS | TEXTURE & PATTERN
The Metactix™ logo can be used as the basis for a pattern to add
texture and activity to any design space. The wire-frame letter “M”
should always have a thin stroke and convey a delicate appearance.
Any complex repeating patterns should be a subdued in effect to not
overpower other more important design elements and keep hierarchy.
.5 - 1.5 PT
STROKE WIDTH
BRAND GUIDE v 1.0