Website

Style Guide

This is heading 1

This is heading 2

This is heading 3

This is heading 4

Pull Out Quote. Heading 5

We are incredibly passionate about creating this space for young refugees to feel safe and to progress with their education. There is no better place for it than Harlesden, a place which embodies the diversity and vibrancy which makes REUK what it is, and a community we feel deeply connected to.

Colour Pallete

White

Peach

Lavender 

Aqua

Blue

Navy

Grey

Slate

Peach

Light

Peach Medium

Lavender Medium

Lavender Light

Navy Light

Navy

Medium

Blue Light

Blue

Medium

Aqua Light

Aqua

Medium

This is Paragraph 1

We are incredibly passionate about creating this space for young refugees to feel safe and to progress with their education. There is no better place for it than Harlesden, a place which embodies the diversity and vibrancy which makes REUK what it is, and a community we feel deeply connected to.

This is Paragraph 3 for Annotations

We are incredibly passionate about creating this space for young refugees to feel safe and to progress with their education. There is no better place for it than Harlesden, a place which embodies the diversity and vibrancy which makes REUK what it is, and a community we feel deeply connected to.

This is Paragraph 3 for Annotations

We are incredibly passionate about creating this space for young refugees to feel safe and to progress with their education. There is no better place for it than Harlesden, a place which embodies the diversity and vibrancy which makes REUK what it is, and a community we feel deeply connected to.

Buttons

Gradient Backgrounds

Buttons style are consistent across the site. Spacing of the text is aligned to the middle with 16px text size. Colour settings are the following for both regular ad hover view.

Regular
Hover

When using gradient backgrounds, please ensure to adjust the gradient image across all breakpoints so that it is always within frame.

Layout

examples

Section Dimensions