How we look

How to use your local logo, colours and fonts

Our logo, fonts and colours are important visual parts of our brand. 

Our logo 

Our logo has 2 elements, the wordmark and our trefoil. The wordmark is the design of our name, Girlguiding. The trefoil has a modern look and feel but retains the meaning as a unifying symbol of Girlguiding across the world. 

Every part of the trefoil has a meaning, which you can read about in our brand guidelines 

When creating items for your local area you should always use a localised version of the logo. You can create a localised logo on the online design centre, and the guidance below will help you use your logo correctly, so your resources always look great.  

The logo guidelines are applicable for all local and national logos. 

Logo colourways 

We have 2 colourways that can be used. A primary colourway with our logo in white on the Girlguiding dark blue background and a secondary colourway with our logo in Girlguiding’s dark blue on a white background.  

Try to use our primary colourway, especially on digital resources. But the secondary colourway can be used when this isn’t possible, such as printing resources at home. 

Only use the logo and trefoil on a dark blue or white background. 

Using different logo sizes 

Our logo should always have clear space around it. Never obscure it with other graphics, text, photographs or illustrations.  

Our primary logo, the trefoil and wordmark, should be used where possible  but where space is limited our logo for smaller spaces can be used. It’s important to make sure the logo is always easy to read so always stick to our minimum sizes.  

The trefoil must only be used where space in limited and on products that clearly belong to Girlguiding, such as badges. 

Minimum sizes: 

  • Primary logo: 15mm wide across the trefoil
  • Smaller space logo: 28mm wide across Girlguiding
  • Trefoil: 7mm wide 

Read our brand guidelines for more detailed information on our logos and clear space areas. 

The material you're printing on might affect the quality and legibility of the logo reproduced. If you can, get a test sample of your material from your printer or manufacturer to check reproduction quality. If the logo reproduced at minimum size is of poor quality or legibility, we recommend increasing its size. 

Our fonts 

We have 2 fonts that we use across all our communications: Poppins and Zilla Slab. 

  • Poppins is our main type face, that can be used in different weights, and is free to download and use. Learn how to download and add a font. And download Poppins.
  • If you can’t access Poppins for any reason our substitute is Century Gothic. It provides a similar feel and can also be used in a range of weights. 
  • Zilla Slab is our secondary font and must only be used for quotes. It can also be downloaded for free. 

Our colours 

Our masterbrand and section brands all have their own colour palettes. And each colour palette has primary, secondary and accent colours. 

In our Girlguiding masterbrand the secondary and accent colours are taken from the 4 sections to link our family of brands. 

When choosing colours, the primary colours should always stand out and be used more than secondary colours. And the accent colours should support the secondary colours. We never use colour tints. Avoid using too many at once! 

Aim for good contrast and visibility when choosing your colours as it’s important for accessibility. Websites like Colour Contrast Checker can help you check you check that there's enough contrast between the colours you're using.  

See our brand guidelines for a visual representation and for the colour codes.  

Colour codes 

In the guidelines there are a series of codes next to the colours. These codes can be entered into software or written into websites to produce the colour you want - but you'll need to use a different one depending on what kind of resource you're creating. 

  • CYMK - this stands for cyan, yellow, magenta and key (black), the ink colours used in standard '4 colour process' printing. When creating a design which will be printed, you need to use this code to make sure your colour looks right on the page. 
  • RGB - this stands for red, green, blue. You need to use this colour code when creating designs that will be seen on-screen, such as social media or websites.  

When developing resources that focus on a specific section, you need to use that section's colour palette.