How we look

Rangers

We are...

curious, courageous, proactive, optimistic

Rangers is your space – where you get together with other girls from 14 to 18 to have fun, learn more, give back, hang out, and just be you.

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

The logo

Our Rangers logo

There are 2 elements to the Rangers logo: symbol and typography. The symbol sits on top of the typography. These have been carefully designed, so never adapt or change the artwork in any way.

The Rangers symbol is 2 triangles. These can be seen as arrows or mountains - and they show the proactive and optimistic nature of Rangers.

Always place the logo on a Rangers purple background.

Rangers 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 typography 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 is 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 also helps people understand 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 in section colours 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 Rangers which bring our section personality to life.

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

You can also use the triangle shape to create patterns in one or more of the Rangers colours. The bigger and bolder this is, the more it will stand out.

Rangers symbol

Rangers icons

Rangers patterns

Back to top

Colours

The Rangers colours are designed to be positive and dynamic.

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 Rangers. 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.

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

Rangers colour palette

Primary colours

Rangers powerful purple

Rangers marshmallow pink

Secondary colours

Rainbows radiant red

Supporting colours

Pear green

Mint green

Guides dusk blue

Breezy blue

Coral pink

Rusty brown

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 where possible Poppins should always 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 Rangers purple background, with headers and sub headers in light pink.

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.

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 distinct and unique, 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 Rangers colour 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 all 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.
Rangers accessibility colour chart
Back to top

Bringing Rangers to life

Examples

Use our assets in a bold and playful way. This makes our products and communications stylish, fun and clearly Rangers.

Applications should always represent the Rangers’ personality: curious, courageous, proactive and optimistic.

Back to top

A snapshot of Rangers

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 Rangers assets, all on a handy A4 page.

Download Rangers snapshot
Back to top