1.0 Logos
The 8 logo represents our community. It’s a badge of honour we wear with pride and reflects the infinite power of people and the planet coming together in harmony.
The 8 symbol is a reminder there are currently 8 billion people on our planet, we have less than 8 years to save our planet* from irreversible change and you can make impact on the world in less than 8 minutes a day on WeAre8.
*Based on 2022
If you’d like to use any WeAre8 logos, please follow these guidelines.
Do:
• Only show the Logo in yellow, navy, black or white
• Use as a subtraction onto suitable textures and content
Don't:
• Alter, rotate, or modify any logo
• Obstruct the logo surround with other characters or creatures
• Use the logos to refer to any product or service other than WeAre8
Download logosApp Icon
This is our primary visual icon, our identity.
App Icon Lockup
This is our secondary visual icon. Use it when more context is needed to explain who we are.
App icon
Flagship yellow app icon logo, navy 8.
App icon lockup
Flagship yellow app icon logo, navy 8 and workmark.
Infinity Logo
This is an alternative to our primary visual icon. Use it at scale on bold colours or over imagery.
Navy infinity
Primary visual icon
Black infinity
Primary visual icon
Yellow infinity
Primary visual icon
White infinity
Primary visual icon
Wordmark
This is an alternative to our secondary visual icon. Use it in presentations, together with brand partners and when the brand name is written in copy, for example press releases, advertorials, online and print.
Navy wordmark
Flagship navy logo 8, infinity wordmark.
Black wordmark
Black logo variant 8, infinity wordmark.
Yellow wordmark
Flagship yellow logo 8, infinity workmark.
White wordmark
White logo variant, 8 infinity wordmark.
Web/Social Icon
This is a monochrome version of the app icon with a hollow centre. It can be supplied to charity partners or brands to display alongside other social icons online.
White hollow icon
Flagship white app icon logo, hollow 8.
2.0 Colour system
We use colour to reflect the brand and be recognisable and unique.
Ensure when using yellow that you do so on a dark background or image so that you retain legibility and contrast.
The same applies for white text also. Accents are used alongside Yellow to draw attention and add emphasis to key features in all 8 experiences.
Primary
C: 4
M: 2
Y: 8
K: 7
#FCEB3C
Pantone: Yellow C
Yellow
#292152
Pantone: 274 C
Navy
C: 95
M: 97
Y: 36
K: 34
#37327f
Pantone: 2756 C
Accent
C: 96
M: 97
Y: 16
K: 4
Secondary
#F26144
Pantone: 171 C
Sunset
C: 0
M: 77
Y: 77
K: 0
#116566
Pantone: 7720 C
Forrest
C: 89
M: 43
Y: 54
K: 22
#81BAFC
Pantone: 297 C
Sky Blue
C: 44
M: 17
Y: 0
K: 0
Black, White & Grey
#FFFFFF
White
#000000
Black
#393939
Charcoal
#6F737A
Grey
3.0 Typography
Our headline font is Futura. We use the Condensed Extra Bold Oblique only.
Our body copy font is Montserrat, we use 4 different weights depending on what is being said.
When we want to animate a word or sentence we use Anitype Journal, it has 5 different variations which when used consecutively animates automatically.
When we want to pull out a word or phrase we use Antihero in a different size and colour to the rest of the sentence. Ensure you use it sparingly as not to make the sentence hard to read.
Activate FuturaActivate MontserratDownload Anitype Journal & AntiheroTypes
Weight
Colour
Desktop
Tablet
Mobile (H)
Mobile (V)
HEADING 1
Futura
Condensed
Extra Bold Oblique
81 pt/px
55px
34px
21px
Heading 2
Montserrat
Bold
55 pt/px
45px
34px
21px
Heading 3
Montserrat
Semi Bold
45 pt/px
34px
24px
18px
Subheading
Montserrat
Medium
34 pt/px
28px
24px
18px
Lead paragraph – Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Montserrat
Regular
18 pt/px
16px
14px
12px
Standard paragraph – Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.