Portal Home
Your Project
Documents
Style Guide

Project Development Strategy

Client name goes here

10 Febrary 2021

www.peters-hosue.com | info@peters-house.com

Parkshot House, 5 Kew Road, Richmond, TW9 2PR

Overview

Introduction

This proposal has been produced by Peter’s House Ltd and is intended for Peter’s House.

In order for any visual idenIty to be successful, it must be used consistently. Taking the Ime to understand these basic guidelines will help to get it right.

Introduction

The purpose of this document is to provide an understanding on how to use colours, logos and typography in line with the proposed branding.

To be used as a guide for external communicaIons representing the brand and anything associated with it.

How to use our digital style guide

This proposal has been produced by Peter’s House Ltd and is intended for Peter’s House.

In order for any visual idenIty to be successful, it must be used consistently. Taking the Ime to understand these basic guidelines will help to get it right.

In order for any visual idenIty to be successful, it must be used consistently. Taking the Ime to understand these basic guidelines will help to get it right.

In order for any visual idenIty to be successful, it must be used consistently. Taking the Ime to understand these basic guidelines will help to get it right.

Colours

Usage

The colour palette scheme will be employed on all creations. Is it important for the purpose of idenIty to use the primary shades where possible. When primary shades are inappropriate or unsupported, variant shades may be used which are lighter or darker.

Contrast Ratio

Web Content Accessibility Guidelines (WCAG) explains how to make web content more accessible to people with disabiliIes. WCAG covers web sites, applicaIons, and other digital content. It is developed by the World Wide Web ConsorIum (W3C) Web Accessibility IniIaIve (WAI). WCAG is an internaIonal standard.

There are three levels of conformance:
- Level A | Minimum acceptable level.
- LevelAA|Most commonly accepted level.
- LevelAAA|Maximum accessibility level.

For all creaIons at Peter’s House we accept a minimum of AA rated content, though we seldom fall below AAA. For more informaIon on contrast raIos, please click here.

This is some text inside of a div block.

Typeface

Usage & Implementation

The following fonts must be used on all external documents to ensure consistency across printed and digital communicaIons.

Heading 1 is a large scale font mainly for cover headings. This heading is used as a reference to all other type faces.

Heading 2 is a chapter heading and should be sized 70% in relaIon to H1.

Heading 3 is a Itle heading to be used as standalone or framing a series of paragraphs. H3 should be sized 50% in relaIon to H1.

Heading 4 is a paragraph heading which may be used to frame a single paragraph.
H4 should be sized 40% in relaIon to H1.

Paragraph 1 is the main body text to be used on the website and wherever text is presented in more than one sentence. P1 should be sized 30% in relaIon to H1.

Font Display

H1

Heading 1

H2

Heading 1

H3

Heading 1

H4

Heading 1

P1

Paragraph 1