![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/1400/4eb6ec149619231.6303869e507ab.gif)
![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/fb4635149619231.63076e636527c.png)
For some, Discord is just a good place to talk or study. For others, it’s a secret lair full with everyone from gamers to birdwatchers. The platform means so much and many different things to its community of 150 million people. So how do you even begin to describe this indescribable world? You let the users do the explaining.
![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/1400/c2b984149619231.63074cf7b4751.gif)
In order to tell the stories the way they were told the brand design language has taken distinct cues from the design language used in the product of Discord. On a higher level you will recognize geometric shapes that define users, community and content in the core components.
![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/1400/ffcc4d149619231.63074d7fe802a.gif)
On a more granular level you will notice that details such as a user’s status or an active community.
It’s all designed to be playful yet purposeful.
It’s all designed to be playful yet purposeful.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/0e12c7149619231.6303ae3aa04a6.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/9f39ba149619231.62ff454380930.jpg)
The storytelling device we have defined is open for interpretation but still confined to certain styles and ideas. We created a brand design system where mixed art creations made with 2D and 3D illustrations were placed into the real world. Every creation is driven by by the user stories.
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/2cc992149619231.63039518e262e.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/0610c7149619231.63039518e1e33.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/5822a2149619231.63039518e2e04.gif)
A brand without motion is just like a peanutbutter jelly sandwich, without the peanutbutter and the jelly.
The motion principles are centered around the dot, which represents the user and life on discord. With a quirky and likeable personality, the dots can move from point A to point B, from community to community and interact with others.
The motion principles are centered around the dot, which represents the user and life on discord. With a quirky and likeable personality, the dots can move from point A to point B, from community to community and interact with others.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ab6e11149619231.62ea9ebca7cb7.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/8921c7149619231.62ea9ebca8cf7.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/c1a309149619231.62ea9ebcab158.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/ed33f6149619231.62ea9ebca746a.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/6ea0e7149619231.62ea9ebcaa285.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/a84c82149619231.62ea9ebcab8bb.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/bc7327149619231.62ea9ebca9b28.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/3dc98b149619231.62ea9ebca9418.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/1ba8ef149619231.62ea9ebcaaa0f.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/f3c97e149619231.62ea9ebca84a7.gif)
The dotted pattern, or the "Community Pattern”, symbolizes the users of Discord. It is playing a key role in the way that we visualize our communications.
The main purpose of the Community Pattern is to emphasize the idea that our users are behind everything happening on Discord.
![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/1400/d5d380149619231.630384951aca8.gif)
![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/1400/daf3b6149619231.6303a619c172e.gif)
![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/1400/2068bc149619231.62ea9ebd837d7.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/e52a64149619231.62ff4543e16aa.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/dea9f0149619231.62ff4543e11a7.jpg)
This rebranding work was part of a repositioning of the brand where the new brand line ‘Imagine A Place’ played a key role in every execution.
![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/1400/567964149619231.62ff4544539f1.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/633b37149619231.6303f8071e6e2.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/86a5ac149619231.6303f8071ecee.gif)
![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/1400/aa9cb4149619231.62ea9ebd8326e.jpg)
![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/1400/9c9d02149619231.62ea9ebd84311.jpg)
![discord animation brand brand guidelines design system identity layouts brand book Brand Design design systems](https://mir-s3-cdn-cf.behance.net/project_modules/1400/8c538d149619231.6303a9e1ad281.jpg)
Credits
AKQA
Hugo Barne, Arendse Rohland, Noe Sato, Thor Hedegaard, Lexington Baly, Erik Herrström, Gijs van de Wal, Shiko Mura, Christian Detken, Hannah Portner, Bethany Wong, Boris Loeve, Elise Hagedoorn, Evan Dunn, Mark Toal Lennon, Geoff Northcott, Alex Rose, Miriam Plon Sauer, Nicolai Smith, Peter Lund
Hugo Barne, Arendse Rohland, Noe Sato, Thor Hedegaard, Lexington Baly, Erik Herrström, Gijs van de Wal, Shiko Mura, Christian Detken, Hannah Portner, Bethany Wong, Boris Loeve, Elise Hagedoorn, Evan Dunn, Mark Toal Lennon, Geoff Northcott, Alex Rose, Miriam Plon Sauer, Nicolai Smith, Peter Lund
Discord
Tesa Aragones, Bemnet Yemesgen, Tory Grove, Molly Kosty, Mark Donnelly, Kenny Layton, Eric Barnett, Elisa Marin, Mindy Day, Amo Zhou, Justin Middendorp, Elie Dagher, Fiona Tran, Jackie Chen, Kevin Dam
Tesa Aragones, Bemnet Yemesgen, Tory Grove, Molly Kosty, Mark Donnelly, Kenny Layton, Eric Barnett, Elisa Marin, Mindy Day, Amo Zhou, Justin Middendorp, Elie Dagher, Fiona Tran, Jackie Chen, Kevin Dam
Koto
Koto played a key role early in the process to define the core brand elements such as the symbol, wordmark, blurple color and typeface choice.
Koto played a key role early in the process to define the core brand elements such as the symbol, wordmark, blurple color and typeface choice.
Production House
Passion Paris