How we look

Rainbows

We are...

curious, courageous, playful, carefree

Rainbows welcomes all girls from 4 to 7 years old coming together to play, learn and have tons of fun in a colourful, safe space.

The Rainbows logo
The connector logo
Icons
Colour palette
Typography
Bringing Rainbows to life
Illustration, graphics and photography
A snapshot of Rainbows

The logo

Our Rainbows logo

There are 2 elements to the Rainbows logo: symbol and typography. These have been carefully designed, so never adapt or change the artwork in any way.

The symbol of the rainbow is naturally energetic. Its swoosh shows growth and development.

Always place the logo on a Rainbows light blue background.

Rainbows logo

Using it well

Give it space

Our logo should always be confident and proud.

Never overlap it with other graphics, text, photographs or illustrations.

The clear space area is based on the height and width of the capital letter ‘R’ from our wordmark across all edges.

How big should it be?

To make sure the logo is always easy to read, keep it to the minimum size or above.

Your localised logo

Making it local

How to do it

You can add a local name or unit underneath our logo. There's a fixed size and position for the local name, shown here. Local names are set in Poppins SemiBold and can appear in 1 or 2 lines. To create a localised logo, visit our online design centre.

How big should it be?

To make sure the logo is always easy to read, keep it to the minimum size or above.

Back to top

Our connector logo

Proud to be part of Girlguiding

We want everyone who sees our section logos to understand they're part of the Girlguiding family. So, we use the Girlguiding connector logos to show this relationship. This shows that the positive benefits of Girlguiding are shared across all the sections. Use our connector logos as you see here - never add a local name to the connector logos.

Using our connector logo

Sizing our connector logo

Connector logos should be a quarter of the width of the section logo. Use the width of the trefoil when sizing, not of the word Girlguiding. This makes it clear that the section is the main communicator. If this makes the connector logo smaller than the minimum size, use the trefoil only version of our connector logo. To make sure the connector logo is easy to read, keep it to the minimum size or above.

Placement

If possible, place the connector logo on the same vertical line as the section logo. Always leave space between them - at least the clear space of both logos combined. If you can't centrally align the logos, choose another position. For example, on something small like a purse, logos could go on the front and back. On badges, use the connector trefoil in the section colour - no need to include the section logo too.

Back to top

Icons

Usage

We have a special set of icons for Rainbows which bring our section personality to life.

The icons reflect our colour palette and should be placed on backgrounds that are white or Rainbows light blue. Only use the icons in the colours you see on this page.

We can be playful with our Rainbows symbol by flipping or rotating it to suit the layout.

Rainbow symbol

Rainbow icons

Alternative colourways

Back to top

Colours

The Rainbows colours are designed to attract attention and be bright and playful.

How to use them

When using our colours try to think about the balance between primary, secondary and accent colours. Make sure primary colours stand out more than secondary ones as it helps to make sure we're recognisable as Rainbows. Accent colours should support the secondary colours.

Choose your colours carefully - aim for good contrast and visibility, this is important for accessibility. Avoid using too many at once!

To keep our colours fun, bright and vibrant, we never use colour tints. This helps our visual brand stay consistent and strong.

To see colour specifications in PANTONE, RGB, HEX and CMYK simply click on any of the colour swatches below.

If you'd like a printable version of the colour palette click the button below.

Rainbow colour palette

Primary colours

Rainbows bubble blue

Rainbows radiant red

Secondary colours

Rainbows sunny yellow

Rainbows water blue

Supporting colours

Autumn orange

Shell pink

Magical magenta

Playful purple

Grass green

Leafy green

Girlguiding blue

Black

White

Back to top

Typography

Our typefaces

We have 2 typefaces: Poppins and Zilla Slab.

Poppins is the primary typeface we use across all our communications. We chose Poppins because of its readability - it's clear and easy to read even at small sizes.

If you can't access Poppins, our substitute font is Century Gothic which has a similar feel and can be used in a range of weights. But wherever possible Poppins should be used.

We also have a secondary typeface, Zilla Slab, which can be used for quotes and small pieces of copy - but never for body copy or headlines.

Poppins and Zilla Slab are free to download and use.

Download Poppins
Download Zilla Slab

Typography

In action

Our typography is bold, legible and fun.

Use centered or ranged left text but not ranged right or justified - as these are difficult formats to navigate.

Be mindful of size and colour combinations so your copy is as bold and legible as it can be.

Put key information on a Rainbow light blue background, with headers and sub headers in red.

Make sure all body copy is Girlguiding dark blue. If there's lots of copy, put it on a white background to make it easier to read.

Have a clear structure in place - Regular is a good start for body copy, Bold and SemiBold for headings and sub headings. Hanging indents and numbered bullets help to organise and structure your narrative, making it easy to read and navigate. Ranged left typography is the most accessible for the reader.

Use Zilla Slab for quotes, to highlight girl and volunteer voices.

Use accessible colour combinations and add excitement to your text by mixing up the weights for short phrases. But always make sure your text is clear and easy to read.

Are you being accessible?

We have different colour palettes for each of our sections - to reflect their different personalities. This means each section brand is unique and distinct, but also that we have a lot of colours!

Always consider your colour choices carefully, keeping your audience and accessibility in mind.

Here are some examples of good and bad colour contrasts from the Rainbows palette.

Good colour contrast

The examples below are good high contrasting colour combinations. You can be sure your message is going to get through.

0%
0%
0%
0%

Maybe reconsider!

The colour combinations below may look great with illustrations or flat graphics but shouldn't be used for typography - unless it's for purely decorative reasons.

0%
0%
0%
0%

This online colour contrast checker is really useful for checking your digital materials are accessible.

You may see the following terms:

  • AAA is the highest standard with excellent accessibility and usability for audiences. Use this standard as much as you can.
  • AA has strong accessibility and usability for most audiences. This is the minimum standard you should aim for.
Rainbows accessibility colour chart
Back to top

Bringing Rainbows to life

Examples

Being bold and playful with our brand helps show that our communications and products are stylish, fun and clearly Rainbows.

This reflects our personality: curious, courageous, playful and carefree.

Back to top

A snapshot of Rainbows

Not always got your laptop to hand? Check out our snapshot download. It includes colour breakdowns, minimum sizes, clear space and a rundown of the Brownie assets, all in a handy A4 page.

Download Rainbows snapshot
Back to top