BRAND GUIDELINES

In partnership with:

INTRODUCTION

DESIGNED FOR USE ON DESKTOP/LAPTOP

How to use this page:

Use the button navigation above. This will take you to specific areas on this page. Each section has various dos and don’ts. Each section has a green button to download the relevant brand resource. I.e fonts, logo files, brand resources. 

COLOUR PALETTE

Colour Pallete PDF:

Primary Brand Colours

#7CAF48

Brand colour associated
with GLL

Colour Name: Green RYB

When to use this colour:

– Backgrounds

– Heading Test

– Buttons

– Accent colour for Icons

– As a top divider line

When NOT to use this colour:

– Paragraph text

#672F82

Brand colour associated with Home-Start Greenwich

Colour Name: Eminence

When to use this colour:

– Backgrounds

– Heading Text

– Buttons

– Accent colour for Icons

– As a top divider line

When NOT to use this colour:

– Paragraph text

#E1222E

Brand colour associated with Quaggy

Colour Name: Permanent Geranium Lake

When to use this colour:

– Accent colour for Icons

– Subheadings  (Use this colour very rarely as a subheading colour as red is often associated with danger or error)

– As a top divider line

When NOT to use this colour:

– Backgrounds

– Heading Fonts

– Buttons

– Paragraph text

Complimentary Colours

#777575

Colour to be used

Colour Name: Sonic Silver

When to use this colour:

– Some Paragraph Text

When NOT to use this colour:

– Heading Text

– Backgrounds

– Buttons

– Icons

#3B3B3B

Brand colour associated with GLL

Colour Name: Jet

When to use this colour:

– Heading Text

– Paragraph Text

– Icons

– Website footer background

When NOT to use this colour:

– Backgrounds (other than footers)

– As a top divider line

#FFFFFF

Brand colour associated with GLL

Colour Name: White

When to use this colour:

– Backgrounds

– Heading text with coloured background

– Paragraph text with coloured background

– Icons with coloured background

– Logo

– Buttons on coloured background

– As a top divider line

When NOT to use this colour:

– Be careful when using white fonts. If the background is an image, the white font may not stand out as much. Use good judgement and always ensure good clarity.

#F5F5F5

Colour to be used

Colour Name: Cultured

When to use this colour:

– Alternative background

When NOT to use this colour:

– Heading Text

– Main background

– Buttons

– Icons

TYPOGRAPHY

HEADER FONT:
CO-HEADLINE CORP

PARAGRAPH FONT:
OPEN SANS

Style Name

Font Name / Size

Use

Heading Large

Heading Large

Heading Large

Co Headline Corp (52px)

Main Header – H1
Use for main headers.

This should be accompanied by an 8px thick divider line above the text. The divider line should only have a 100px width

Heading Large

Co Headline Corp (White) (52px)

H1 on a website can be larger (Up to 72px)

Main Header – H1

White version should be used on any coloured background. [Hover to see with green background]

Use with main headers to be accompanied by the 8px thick divider line above the text

Heading Small

Co Headline Corp (32px)

Secondary Header – H2
Secondary headers are for sub headings. This does not need to be accompanied by the divider line.

Heading Small

Co Headline Corp (White) (32px)

Secondary Header – H2

White version should be used on any coloured background. [Hover to see with green background]

Secondary headers are for sub headings. This does not need to be accompanied by the divider line.

Body text / Paragraph text

Example:

Pellentesque in ipsum id orci porta dapibus. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

Open Sans (18px)

Body Text / Paragraph Text
18px / 18pts is generally accepted as easiest to read for most reading abilities

Body text / Paragraph text

Example:

Pellentesque in ipsum id orci porta dapibus. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

Open Sans (18px)

Body Text / Paragraph Text
18px / 18pts is generally accepted as easiest to read for most reading abilities

BRAND DO’S & DON’TS

LOGO / DO’S & DON’TS

Complete logo (DO) 

Text on the left. Puzzle Icon on the right

Rationale:  Illustratively the jigsaw pieces represent each partner that Start Well Trust is supported by. These pieces act as support. According to Collins Dictionary “Someone’s righthand man is the man who acts as their chief assistant and helps and supports them a lot in their work.” this fits the supporting role that GLL, Home-start Greenwich and Quaggy play. 

Complete Logo (DON’T)

The puzzle icon should always be on the right-hand side.

Rationale:  Illustratively the jigsaw pieces represent each partner that Start Well Trust is supported by. These pieces act as support. According to Collins Dictionary “Someone’s righthand man is the man who acts as their chief assistant and helps and supports them a lot in their work.” this fits the supporting role that GLL, Home-start Greenwich and Quaggy play. 

Complete Logo (DON’T)

Do not skew, stretch or place the logo at an angle in any circumstance.

Doing this will make the brand look unprofessional.

Logo – DON’T
Keep the jigsaw icons this way round. Never use a reversed logo image or any other variation of the puzzle pieces.

This keeps everything uniformed and consistent with the complete logo.

Logo – DON’T
Never use a reversed logo image or any other variation of the puzzle pieces.

This keeps everything uniformed and consistent with the complete logo.

Logo – DON’T
Do not stretch, skew or place the puzzle icon at an angle in any circumstance.

Doing this will make the brand look unprofessional.

Puzzle Piece as an accent – DO
You can use the puzzle pieces icon as an accent shape with a lower opacity but keep this over to the right-hand side of a document or other piece of brand collateral.

See Example above 

Rationale:  Illustratively the jigsaw pieces represent each partner that Start Well Trust is supported by. These pieces act as support. According to Collins Dictionary “Someone’s righthand man is the man who acts as their chief assistant and helps and supports them a lot in their work.” this fits the supporting role that GLL, Home-start Greenwich and Quaggy play.

Puzzle Piece as an accent – DON’T

LETTERHEAD / DO’S & DON’TS

Downloadable letterhead files 
COMING SOON

Letterhead Do’s

Logo Placement

Logo can be placed on the left, centre or the right. Either at the top or the bottom.

Logo Spacing

Make sure the logo is at least one logo width apart from the edges regardless of the placement.

Letterhead Decoration

You can decorate the letterhead with our other brand resources such as the icons, the puzzle logo and coloured footers.

Click to see an example

Letterhead Don’ts

Logo Placement

Don’t place more than one logo on the page

Letterhead Decoration

You can decorate the letterhead with our other brand resources such as the icons, the puzzle logo and coloured footers. See rules here

SUPPORTING BRAND ICONS

Brand Icon – Breastfeeding

Brand Icon – Health Visiting

Brand Icon – Red eBook

Brand Icon – SEND

Brand Icon – Health Check

Brand Icon – Children’s Centres

Brand Icon – Child Support & Care

Brand Icon – Baby Feet

Brand Icon – Talk To Someone / Testimonial

Brand Icon – Professional Nurse

Brand Icon – Health Check

Website Icon – Phone Number

Website Icon – Email Us

Website Icon – Find Us

Website Icon – Homepage

Website Icon – Resource Library / Info for professionals

Website Icon – Correct / Check / Tick

Website Icon – Incorrect / Wrong / Red Cross

Website Icon – Corona Virus

Translate »