g2-tracking

Brand Guidelines

Scytale Logo

Buttons

Icons

Marketing

CONTENTS

To locate a specific section, kindly select the corresponding heading, and the page will automatically navigate to the relevant content.


Click here to download the Full Guide in PDF format with all the information you need.

Web and print type fonts that are unique to the brand and used in a range of marketing mediums.

Corporate color guide that sets out our primary and secondary colors detailed with their color values.

A simple guide on how to use the brand logo carefully considering the guidelines that have been set out.

Website Elements

Icons and visual elements that can be used to enhance the brand image across various mediums.

Visual Elements

Icons and visual elements that can be used to enhance the brand image across various mediums.

Marketing

This section of the document illustrates marketing and stationery material whilst applying the brand.

Fonts and typography

Web Fonts Use:

DESKTOP

Font Family

Noto Sans

H1

600/SemiBold
56px
Uppercase

LOREM IPSUM DOLOR SIT.

H2

600/SemiBold

36px

Uppercase

Lorem Ipsum dolor sit.

H3

600/Medium
24px
Sentence case

Lorem Ipsum dolor sit.

H4

500/Medium
20px
Sentence case

Lorem Ipsum dolor sit.

p(text)

400/Light
18px
Sentence case
Lorem Ipsum dolor sit. Bo Comnimusamus essit quatemporum, volo eiciant, alitiur sam fugit pel magnatiorem quae dus es alignimaion conseque reraessus, volest, qui recestis quia sumquamet asperupidere verestio ommoditiati dempos alit et offici cusapienis dolupta sit estrum aliquis eos nist, te vitaten danditem aligniet explis

Buttons

400/Light
20px
Uppercase

Fonts and typography

Web Fonts Use:

MOBILE

Font Family

Noto Sans

H1

600/SemiBold
42px
Uppercase

LOREM IPSUM DOLOR SIT.

H2

600/SemiBold
28px
Uppercase

Lorem Ipsum dolor sit.

H3

600/Medium
24px
Sentence case

Lorem Ipsum dolor sit.

H4

500/Medium
20px
Sentence case

Lorem Ipsum dolor sit.

p(text)

400/Light
18px
Sentence case
Lorem Ipsum dolor sit. Bo Comnimusamus essit quatemporum, volo eiciant, alitiur sam fugit pel magnatiorem quae dus es alignimaion conseque reraessus, volest, qui recestis quia sumquamet asperupidere verestio ommoditiati dempos alit et offici cusapienis dolupta sit estrum aliquis eos nist, te vitaten danditem aligniet explis

Buttons

400/Light
20px
Uppercase

Color Palette

Beyond our logo, color is the most recognizable aspect of our brand identity. Our brand colors reflect our bold and modern brand.
Using color appropriately is one of the easiest ways to make sure our materials reflect a cohesive Scytale brand. Our colors are as important to us as the logo itself and are part of the brand’s personality.

RUSSIAN VIOLET

CMYK

C 56 M 78 Y 00 K 75

RGB

R 28 G 14 B 64

Web

#1C0E40

USAFA BLUE

CMYK

C 100 M 46 Y 00 K 36

RGB

R 00 G 88 B162

Web

#0058A2

MIDDLE BLUE

CMYK

C 58 M 11 Y 00 K 11

RGB

R 94 G 201 B 226

Web

#5EC9E2

RAZZMATAZZ

CMYK

C 00 M 72 Y 48 K 13

RGB

R 221 G 61 B 115

Web

#DD3D73

MANGO

CMYK

C 00 M 26 Y 93 K 00

RGB

R 254 G 189 B 17

Web

#FEBD11

R 94 G 201 B 226

Logo usage

Logo Variations

Scytale Logo
Scytale Logo
Scytale Logo
Scytale Logo

Website Elements

Buttons

In hover mode, the colour of the button shape (not text) should change to another brand colour. It should not match the background colour that the button is placed on.
In cases where there is no suitable colour choice, the hover colour may be white with an approptiate and legible text colour.

PRIMARY

400/Regular
20px
Uppercase

SECONDARY

400/Regular
20px
Uppercase

ARROW ICON

Default
Hover

Iconography & visual elements

Icon Design

PDF Brand guide

Click here to download the PDF version of this Brand Guide