Home/Brand

The Perceptions

Guideline

Everything you need for your brand quest. Download artefacts, explore our visual realm, and learn to wield our emblems, colors, and sacred typography.

Download Icon
24,2 MB

Open the Brand Kit in Figma

Open in Figma
Brand Hero

Logo

Our emblem represents the dragons building sustainable futures. Download all variations and learn the sacred guidelines for proper usage.

Octant logomark

Construction

The Octant emblem is forged on a precise grid system. Maintain these sacred proportions and clear space when scaling or adapting the mark.

Construction logo

Logo Usage

Follow these guidelines from our brand tome to ensure effective emblem usage. Avoid modifications that compromise the integrity of our mark.

CORRECT
Construction logo
Construction logo
AVOID
Construction logo
Construction logo

Colour

Our color realm reflects the balance between innovation and trust. Use this palette to craft cohesive brand experiences across all your quests.

Marshland
#0D0D0D
Orchid White
#FDFCF0
Iron
#CECECE
West Side
#FF9602
Woodsmoke
#171717

Colour UI

The arcane UI color system provides flexibility for digital realms while maintaining brand consistency. Apply these hues thoughtfully.

GREY
20
#CCCBC4
30
#8F8F8A
50
#646360
70
#424240
80
#333231
90
#171717
100
#0D0D0D
LIGHT TRANSPARENT
#FEFDF4
10
#FEFDF4
10%
20
#FEFDF4
20%
30
#FEFDF4
30%
40
#FEFDF4
40%
50
#FEFDF4
50%
60
#FEFDF4
60%
70
#FEFDF4
70%
80
#FEFDF4
80%
90
#FEFDF4
90%
100
#FEFDF4
100%
COLOURFUL
Orange
Primary
#FF9602
Pink
Secondary
#FF8CE0
Green
Secondary
#92FF33
Yellow
Secondary
#FFEA4D
Teal
Secondary
#78F0E2

Typography

Typography inscribes our visual identity. The Arcane Fable font and companions ensure readability and recognition across all communications.

Aa
arcane fabeldisplay text
Arcane Fable
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
@#$%^&*()_{}[\]:',.
/<>?€£¥©
Aa
spiegel sansprimary text, title, body text, button
Spiegel Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
@#$%^&*()_{}[\]:',.
/<>?€£¥©
Aa
IBM PLEX MONOADDRESS, CODE TEXT
IBM Plex Mono
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
@#$%^&*()_{}[\]:',.
/<>?€£¥©

Asset

A treasury of visual artefacts to enhance your Octant communications. From icons to dragon illustrations, use these to tell our story.

ICONOGRAPHY

Iconography

OCTY, OUR MASCOT

Octy mascot 1
Octy mascot 2
Octy mascot 3
Octy mascot 4
Octy mascot 5
Octy mascot 6
Octy mascot 7
Octy mascot 8

ILLUSTRATION

Illustration 1
Illustration 2
Illustration 3
Illustration 4
Illustration 5
Illustration 6
Illustration 7
Illustration 8
Illustration 9

TEAM AVATARS

Avatar 1
Avatar 2
Avatar 3
Avatar 4
Avatar 5
Avatar 6
Avatar 7
Avatar 8
Avatar 9
Avatar 10
Avatar 11
Avatar 12
Avatar 13
Avatar 14
Avatar 15
Avatar 16
Avatar 17
Avatar 18

Usage

See how Octant's brand comes alive across different ventures. These examples demonstrate best practices as you build thriving realms.

Usage 1
Usage 2
Usage 3
Usage 4

Feel free to download

Ready to embark? Download our complete brand arsenal with all the artefacts you need to champion Octant as you forge new realms.

Download Icon
24,2 MB

Open the Brand Kit in Figma

Open in Figma
Home/Brand