Brand
Elements
Our brand elements are used together to enable us to communicate effectively.
They provide consistency and allow creativity so we are able to adapt to speak to our specific audiences while always building brand recognition.
You’ll find inspiration, ideas and guiding principles for each element throughout this section helping you to deliver our brand across all communications and media.
Brand elements summary
UK
Action
Tab
Our primary branding element for WWF is our action tab.
Its purpose is to take the power of the panda and all it stands for and align it clearly with our brand idea, ‘Do it for your planet’.
It’s our biggest visual ally in helping our audience understand the scope and focus of what we do and what we stand for in its simplest terms.
This section explains how and where to use the UK action tab.
UK Action Tab
The UK action tab consists of four elements. The tab, the panda icon, the copyright logo and the planet icon. All these elements are locked up together and should not be used in any other way than those described in this section.
There are two master versions of the action tab: horizontal and vertical.
Global logo use
We must also feature the global logo with the UK action tab on our marketing communications and advertising materials. For specific details on how and when to use the UK action tab with the global logo on your materials please contact the brand and design team.
Horizontal Tab
The horizontal tab uses the panda icon on the left and the planet icon on the right. You can bleed the tab off any edge of the area you’re working with.
Vertical Tab
The vertical tab uses the panda icon on the top and the planet icon on the bottom. You can bleed the tab off any edge of the area you’re working with.
Action Tab artwork
Both the horizontal and vertical action tabs are supplied with extensions to allow easy application to the area you’re working with. When you’ve decided which edge you’re going to position the tab on, you can delete the unused extensions.
Applying the Action Tab
The extensions on all sides of the action tab are set at a maximum of 50% of the width and depth of the tab itself.
When you place the tab in your work area you mustn’t exceed the width or height of the extension available.
Minimum Size
The minimum size measurement ensures the legibility of the action tab. You shouldn’t use it in sizes smaller than the specified minimum shown below. For both horizontal and vertical action tabs the measurement is always taken from the shortest edge.
Print – 14mm Digital – 68px
Maximum Size
There’s no maximum size for the action tab. But it’s worth reiterating that you should follow the guidelines on how to apply it to the work area you’re using, whatever the size of the action tab.
Clear Space
The action tab doesn’t require any clear space because the tab provides a protective area for the panda icon and the planet icon.
White on White
When you’re working with a white work area, you can choose to either colour the tab or the page with a 5-15% tint of black to allow the tab to stand out.
Backgrounds
We allow any kind of imagery to be used behind the action tab. It’s strong enough to hold its own but always consider the best place to position the tab against the content of your work area.
Don't change the action tab
Don't change the brand idea
We’ve decided to make our brand idea visible to our audience to help us change perceptions of who we are, what we stand for and what we do.
We want to bring clarity to what we stand for. We’re a vital force. We work with passion, inspiration and our supporters to win conservation battles and drive positive change on behalf of our amazing planet.
We want our audience to always see they can do it for the planet and always be inspired, clear and involved.
It’s extremely important not to change the brand idea contained within our action tab. This must always remain the same and shouldn’t change for any reason.
Don't change other elements
It’s important that you keep the appearance of the action tab consistent. You mustn’t redraw, adjust or modify it. Always ensure that you use the master artwork provided.
Here is a list of what you shouldn’t do to the action tab.
- Redraw any of the elements.
- Move elements within the tab.
- Alter the shape of the tab.
- Change the shape of the tab.
- Change the typography.
- Add any elements to the tab.
- Rotate the tab.
- Add colour to the tab.
- Use any elements alone.
- Use the tab on an angle.
- Place the tab without bleeding it off the work area.
- Add images to the tab.
If you’ve any questions regarding its use please contact the brand and design team.
Global
Logo
Our black-and-white panda logo has become one of the most powerful and recognisable symbols on the planet.
Our panda is more than 50 years old and she carries huge value and meaning with her – a symbol and standard for conservation and protection of the natural world and our planet.
She’s our most valuable brand asset. She’s the ambassador for our mission: to build a future where humans live in harmony with nature.
Global logo history
The inspiration for our logo came from Chi-Chi: a giant panda that was at London Zoo in 1961 when WWF was founded. The first design was based on sketches by the British environmentalist and artist, Gerald Watterson. The first logo was drawn by one of our founders, Sir Peter Scott.
Our founders were aware of the need for a strong, recognisable symbol that would overcome all language barriers. They chose the panda for its appealing qualities, endangered status and black-and-white simplicity. She has since come to symbolise the conservation movement as a whole.
Global logo
Today our global logo looks like this. It has four elements – the panda icon, our initials WWF and the copyright and trademark logos. All these elements are locked up together and shouldn’t be separated.
The panda icon and our initials are internationally registered and trademarks.
Global logo – use
The global logo is used consistently across the network and will continue to be used in the UK for our core organisational applications – stationery, PowerPoint presentations and signage. We must also feature the global logo with the UK action tab on our marketing communications and advertising materials.
For specific details on how and when to use the global logo with the UK action tab on your materials please contact the brand and design team.
UK
boilerplate
We use the UK boilerplate as a consistent sign-off device for our publications and communications.
It includes the essence of our mission statement along with the global panda logo, because it’s important to remind people why WWF exists in a clear and consistent way.
UK Boilerplate
The boilerplate consists of four main elements — the global panda logo, our copyright and trademark text, our global mission statement and the UK url.
Boilerplate Artwork
It’s important that the appearance of the boilerplate remains consistent. It mustn’t be redrawn, adjusted or modified in any way. Always ensure that you use the master artwork.
The boilerplate is supplied at 92mm x 14mm; this must stay consistent and not be changed.
If you have any questions about the boilerplate and its use please contact the brand and design team.
Applying the Boilerplate
The boilerplate should be used on the back or in the margins of publications and communications. It can also be incorporated as part of the footer on digital communications.
The preferred position for the boilerplate is in the bottom left hand corner of the publication or communication.
If you have any questions about the boilerplate and its use please contact the brand and design team.
We don't
create
Sub brands
No matter what we’re communicating about we always make sure it’s created with the WWF brand elements. We want to strengthen our brand through our communications and not dilute it with contrasting styles and new identities.
We don’t create new logos, brands or identities for our campaigns, events or sections of our organisation. Instead, we have a suite of flexible assets that can be applied in a variety of ways to make each activity unique while remaining true to the brand.
The following pages show some examples.
The importance of an effective title
Creating an appropriate title for your communication can really help it become memorable or easily identifiable.
You might want to influence your audience by being direct or suggestive about something. If you want to inform them about the possibilities on offer, try being more descriptive. Or there could be a direct need to get involved or respond to a call to action.
Always think about your audience and how you want them to interact with your communications.
Examples
Creating effective communications with our brand assets will allow us to communicate the right message to the right audience from within the WWF brand.
Our assets allow us the flexibility to have the right tone and context and bring our communication to life.
The examples shown over the next pages give a flavour of how versatile yet consistent our brand can be. They’re distinctly different pieces of communication, yet they’re clearly from the same brand.
Our name
and how we
describe
ourselves
WWF is a global organisation. We share a common mission: to build a future where humans live in harmony with nature.
During the lifetime of our brand we’ve had different names — World Wildlife Fund and the World Wide Fund For Nature.
But now we’re simply known as WWF.
Our name
To ensure all of our audiences around the world recognise us as the same organisation, as a global network we’ve agreed to use one global brand name consistently:
WWF.
We simply state our name in this way. It is always written in capital letters. We don’t add other words before it such as ‘the’.
When you need to refer to the UK office, it’s WWF-UK.
How we describe ourselves
When we’re introducing ourselves to any of our partners, the public or the media, we’re often asked to describe ourselves beyond our initials.
In this case, we’re ‘the world’s leading independent conservation organisation’.
Examples of using our name and description
WWF versus WWF-UK
We should use WWF in most of our external communications, acknowledging that the public don’t make any distinction between WWF offices.
On some occasions there are policy or legal reasons why we need to call ourselves WWF-UK. We’ve outlined examples of these on the opposite page.
Financial reports and accounts
Annual reports and accounts must use WWF-UK as this content refers directly to our UK accounts.
Programmatic reports
Programmatic reports use WWF-UK in copy when referencing funding or a delivery aspect that is supported by WWF-UK.
Legally-binding documents
Documents with a UK legal requirement such as tax returns and contracts must use WWF-UK.
Stationery and printed materials
Our UK core stationery templates, along with all printed publications and materials, clarify our UK location by containing the following small print which refers to WWF-UK:
WWF-UK is a registered charity in England and Wales 1081247 and in Scotland SC039593 and a company limited by guarantee registered in England and Wales 4016725.
Job titles and recruitment
We need to use WWF-UK in our job titles for clarity. This includes recruitment adverts, business cards, and email signatures.
UK website
Our website footer carries the same small print as our stationery and printed materials. This is a legal requirement when using the logo in the UK.
Fundraising products
We may refer to WWF-UK when we want to be clear that it is UK supporters who have funded a particular part of WWF’s global work.
Digital channels
All our social media accounts are named as WWF-UK, so that it’s clear the published content is from the UK. Our website is named as WWF-UK and carries the small print on the footer.
Press releases
It is important that media know which office a press release is from, so we should clearly state WWF-UK in the notes to editors
Colour
system
The WWF colour system takes its inspiration from colours in the natural world around us, contrasting and harmonising in different ways. The system is controlled by a set of clear rules that we must follow to make sure our colour system is always considered and effective.
The flexibility of the colour system allows us to create bespoke palettes of colour. We can choose when we create harmony, contrast, subtlety or high impact.
Our palettes can be very simple or beautifully complex. But they should aid the communication or campaign they have been created for.
WWF colour wheel
The WWF colour wheel shows our primary colours and our secondary colour palette options.
Primary colours are the base colours of our brand. They are always used in our communications to some extent – we always start with black and white. Primary greys are always available for backgrounds and tonal tints and should be used minimally.
Our secondary colours should be combined and contrasted rather than used all together. They provide a spectrum of options to be used in various ways in combination with our primary brand colours of black and white.
Picking colour palettes
Black and white, our primary design colours, feature in all our palettes. They can be combined in a number of ways with our secondary palettes, allowing great flexibility but controlled creativity.
Picking colours and palettes for your communications follows the basic theories of colour harmony explained on the next pages.
Remember to keep your colour palettes simple and clear and use colour to help your communication need.
Black and white
Our simplest and perhaps strongest palette, black and white, is the base for our brand and all other potential combinations.
Single colours
Adding a single colour to black and white can create a powerful palette and create a whole range of moods and feelings depending on the combination.
Complementary colours
Complementary colours are any two colours that are directly opposite each other in the wheel, such as red and green. These colours look great together.
Harmonious colours
Harmonious colours are those that are next to each other on the colour wheel. We recommend two to five colours. They usually match well and create clean and sophisticated designs.
Contrasting colours
Colours that contrast are three away from each other on the colour wheel. They can work with each other to create strong impactful design.
Adding natural colours to the colour wheel
Our colour system allows us to create varied colour palettes with our primary and secondary colours. This section explains how we can add another layer of colour to our communications by referencing the natural world.
By combining a colour palette selection with colours from our images, we can open our brand up to further exciting opportunities.
Picking natural colours
Follow these simple rules to create colour palettes with natural colours.
- Choose an image that you want to work with. Good quality high-resolution images viewed in Photoshop work best. Find more information about photography in the Photography and Film section.
- Start with your selection/s from the primary and secondary colour palette. They should have a relationship with the image you’re using.
- Choose your natural colours by picking from areas in the image. Work and rework your palette until you’re happy with the set.
Picking natural colours
Here are some alternative colour palettes created with the same image.
- A harmonious selection with one blue-grey addition from the image.
- A complementary selection with four blue-grey additional colours.
- A contrasting selection with two blues chosen from the image.
Picking natural colours
Here are some alternative colour palettes created with the same image.
- A single colour selection with an additional two light and two dark colours from the image.
- A contrasting selection with a group of greens to work with the secondary green, leaving the yellow orange as a standout colour.
- A complementary selection with the addition of a light beige.
Colour specification
In this section you’ll find all the values for our primary and secondary colours for print, screen and more. There’s also guidance on how to work with any natural colours you may choose.
We recommend the use of CMYK colours for print and RGB for screen throughout the brand. Our primary and secondary colours have been optimised to work best with the four-colour system CMYK, and converted to RGB for best results on screen. Working with natural colours requires manual processing. See opposite for guidance.
Brand and primary colours
Our primary and secondary colours have been balanced and selected to work with the four-colour system CMYK for print, and RGB for best results on screen.
We prioritise using CMYK and RGB, but just in case they are needed we’ve matched our colours to the Pantone system for print, and HEX codes for screen to achieve a consistent result across any system or medium.
Processing natural colours
After you’ve picked a natural colour, take a look at its CMYK values and round them up or down to the nearest whole number before you use them. Then you can match any other specification you need and share your colours between design applications and other team members.
Please note that the various design applications available can often break the same colour down into slightly different values. So remember to be consistent with your chosen values and apply those to the various applications you are using.
Example:
Before – C:43.19, M:7.44, Y:2.9, K:0
After – C:43, M:7, Y:3, K:0
Matches:
RGB – R:154, G:205, B:235
HEX – #9ACDEB
Fonts
and
typography
Fonts and typography play a huge part in how our brand looks, feels and expresses our personality.
Our WWF font is unique to WWF. It’s been designed specifically for us. It works equally well creating impactful, bold headlines as it does small hierarchical headings. This distinctive bold condensed font helps us to create brand recognition and a personality through consistent use.
We also use Georgia and Open Sans for body copy and secondary body. These have been chosen for their contrast, their clarity and their worldwide availability. In this section we cover how all our fonts are used and how to use them in combination.
WWF Brand Fonts
We have three brand fonts — WWF, Georgia and Open Sans. These fonts should be used for all our external communications across all applications.
WWF Font
- Specially designed for WWF this font is only available from the brand and design team.
- Available in one weight.
- We always use capitals.
Georgia and Open Sans
- Georgia and Open Sans are freely available worldwide and are installed on many machines as system fonts.
- We use the regular and bold weights for both fonts.
- We always use sentence case.
WWF Font General Rules
Follow these simple rules to keep our fonts and typography clear, legible and on brand.
- The WWF font is used for headlines and headings small and large.
- It’s only available in one weight.
- We always set it in uppercase.
- Tracking is always set to zero.
- Leading, line space and alignment are flexible. Read the headline typography section for more information.
- Kerning should be set to optical.
- The WWF font often benefits from some manual kerning. Particularly when it’s set as a large headline.
Georgia general rules
Follow these simple rules to keep our fonts and typography clear, legible and on brand.
- Georgia can be used for introductory text and primary body copy.
- It can also be used sparingly for headings, to allow a more subtle aesthetic to communications.
- We always set it in sentence case.
- We use two weights, Georgia Regular and Georgia Bold.
- Tracking is always set to zero.
- Alignment is always ranged left.
- Leading must be at least 3pt more than the type size.
- Kerning should be set to optical.
Open Sans general rules
Follow these simple rules to keep our fonts and typography clear, legible and on brand.
- Open Sans can be used for introductory text and primary body copy.
- It can also be used sparingly for headings, to allow a more subtle aesthetic to communications.
- We always set it in sentence case.
- We use two weights, Open Sans Regular and Open Sans Bold.
- Tracking is always set to zero.
- Alignment is always ranged left.
- Leading must be at least 3pt more than the type size.
- Kerning should be set to optical.
Typography layout basics
This a simple guide to our typographic layout and hierarchy.
Headlines
WWF is mainly used for headlines We always use capitals. Try to keep headlines under 12 words to aid legibility.
Primary headings
WWF is used for primary headings. We always use capitals.
Introductory paragraphs
You can use Georgia Regular (in print) or Open Sans Regular (for digital applications) to set introductory paragraphs.
Body copy
You can use Georgia Regular (in print) or Open Sans Regular (for digital applications) to set body copy.
Secondary headings
You can use Georgia Bold (in print) or Open Sans Bold (for digital applications) for secondary headings.
Labels, notes and numbers
You can use WWF to set small labels, notes and numericals.
Secondary body copy, captions, details, numbers and notes
We use Open Sans Regular for secondary body copy, captions, details, numbers and notes.
Headline set
in WWF
Primary heading in WWF
Body copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular.
Heading in Georgia Bold
Body copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular.
Label note numbers 123
Heading in Georgia BoldThis is an example of secondary body copy and detail, numbers and notes set in Georgia Regular. This is an example of detail, numbers and notes set in Georgia Regular.
Primary heading in WWF
Body copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular.
Heading in Open Sans Bold
Body copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular.
Label note numbers 123
Heading in Open Sans BoldThis is an example of secondary body copy and detail, numbers and notes set in Open Sans Regular. This is an example of detail, numbers and notes set in Open Sans Regular.
Typography layout basics
If you need to create a more subtle or pared back tone with your communications, you can use Georgia Regular and Open Sans Regular as a headline font.
We don’t encourage this use as an alternative to using WWF, as shown on the previous page. But we do have the option to use them in this way.
A headline set in Georgia changes the visual tone. A headline set in Open Sans changes the visual tone.
Primary heading in WWF
Body copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular.
Heading in Georgia Bold
Body copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular. This is a paragraph of copy set in Georgia Regular.
Primary heading in WWF
Body copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular.
Heading in Open Sans Bold
Body copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular. This is a paragraph of copy set in Open Sans Regular.
Headline
typography
Our headline font WWF is a very valuable brand asset. It’s just as capable of being loud and clear as it is of making subtle, concise comment.
The WWF font helps us connect and engage with our audiences through all our communications while building strong brand recognition.
By allowing the use of our font to be very flexible, we can be relatively unrestricted in its use, tailoring it to our needs – whether that’s inspiring someone to take action or delivering important reports and statistics.
This section explains how flexible we can be with our headline font.
Working with the WWF font
Consistent leading
When your type size is the same throughout the headline you can set the leading to a consistent overall setting.
Consistent line spacing
When the type size is different throughout the headline you will need to set a consistent line spacing by manually measuring the spaces between the text.
Consistent leading
When the type size is the same throughout the headline you can set the leading to a consistent overall setting.
Consistent line spacing
When the type size is different throughout the headline you will need to set a consistent line spacing by manually measuring the spaces between the text.