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

Brand Kit 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

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 guidelines

Logo Usage

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

Correct
Logo usage example - Correct - 1
Logo usage example - Correct - 2
avoid
Logo usage example - avoid - 1
Logo usage example - avoid - 2

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 Fabledisplay text
Arcane Fable
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 @#$%^&*()_{}[\]:',. /<>?€£¥©
Aa
SpiegelSansprimary 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 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 example 1
Usage example 2
Usage example 3
Usage example 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

Open the Brand Kit in Figma

Open in Figma
Home/Brand