Brand Guidelines

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.

Fonts

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

Color Palette

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

Logo Usage

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

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

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

Default

Hover

SECONDARY

400/Regular

20px

Uppercase

Default

Hover

ARROW ICON

Default

Hover

Iconography & visual elements

Icon Design

PDF Brand guide

Click here to download the PDF version of this Brand Guide