Styleguide

A global typography system is the easiest way to maintain concistency across all media.
Whenever you create any new material make sure to refer to this styleguide.

Fonts

Neu Haas Grotesk Display

Headings - H1 to H6

H1 HEADER

H1 / 70 px / 70px / 3.6455em

H2 HEADER

H2 / 50px / 50px / 2.604em

H3 HEADER

H3 / 36px / 36px / 1.875em

H4 HEADER

H4 / 24px / 24px / 1.25em

text combo classes

text grey

JUMBO / #a3a3a3

text grey

text grey / #a3a3a3

text white

text white / #ffffff

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Massa viverra egestas mus ut etiam aliquet donec interdum posuere. Nulla at dolor arcu tempor massa morbi id. Vitae, erat ipsum vulputate libero non proin. Eleifend tristique fermentum, amet, non diam id. Arcu pharetra ultrices scelerisque eu vel nisl ultrices eget maecenas.

Normal / 17px / 25.5px / 0.88em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dui phasellus sed fermentum eget cras vel mattis. Mauris vitae vitae, mauris, mauris orci, faucibus sed.

--large / 28px / 30px / 1.45em

Labels

Title
bold name / 18px / 30px / 0.9375em
Name
bold name / 18px / 30px / 0.9375em
Subtitle
Subtitle / 14px / 16px / 0.72em
This is a caption
Caption / 12px / 16.8px / 0,625em

Colors

A global color system is the best way to maintain concistency across all media.
Whenever you create any new material make sure to refer to this styleguide.

background blue / #2431D8
white / #FFFFFF
light grey / #F6F6F6
light blue / #C4C8F4
black / #151515
dark grey / #A3A3A3
accent blue / #0702FE

Icons

A global icon system is the easiest way to maintain concistency across all media.
Whenever you create any new material make sure to refer to this styleguide

logo

A global icon system is the easiest way to maintain concistency across all media.
Whenever you create any new material make sure to refer to this styleguide.

Logo full width
Logo narrow

Photography

Using clean and consistent photography is the key to a professional looking brand. google drive source

Components

All the components that we use throughout the website.

text components

Our team
TEXT TAG
Home

FAQ

01

What is the average cost of a project?

View our work

To start all websites begin at £3,000 and can go right up to £20,000 depending on complexity. The cost of website design can vary depending on the brief that we receive from our client. The total cost of your job will depend on the type of work required and the complexity of your site. The cost can increase in some cases, if you choose to add extra services such as SEO.

01

What is the average cost of a project?

View our work

To start all websites begin at £3,000 and can go right up to £20,000 depending on complexity. The cost of website design can vary depending on the brief that we receive from our client. The total cost of your job will depend on the type of work required and the complexity of your site. The cost can increase in some cases, if you choose to add extra services such as SEO.