Loading...
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.
24,2
Brand Kit Figma
Open in Figma
Logo
Our emblem represents the dragons building sustainable futures. Download all variations and learn the sacred guidelines for proper usage.
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.
Logo Usage
Follow these guidelines from our brand tome to ensure effective emblem usage. Avoid modifications that compromise the integrity of our mark.
Correct
avoid
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
#FEFDF410
#$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
Octy Mascot
Illustration
Team Avatars
Usage
See how Octant's brand comes alive across different ventures. These examples demonstrate best practices as you build thriving realms.
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.
24,2
Open the Brand Kit in Figma
Open in Figma