Brand Guidelines

How to use our brand across the web.

Last Updated: March 31st, 2023

Colours

Primary Colours

Electric Lavender

Indigo

Middle Red Purple

Secondary Colours

Moonstone

Blush

Magnolia

Typography

The following font pairing is to be used for any branding related to Source Code Studio. For how to use these fonts correctly please refer to the below:

Header

Heading One

Font-family: Moret Font-size: 95 Font-weight: 400 Line-height: 92px Text Transform: None

Heading Two

Font-family: Poppins Font-size: 56 Font-weight: 700 Line-height: 87px Text Transform: None

Heading Three

Font-family: Poppins Font-size: 44 Font-weight: 700 Line-height: 70px Text Transform: None

Heading Four

Font-family: Poppins Font-size: 34 Font-weight: 700 Line-height: 55px Text Transform: None

Heading Five

Font-family: Poppins Font-size: 27 Font-weight: 700 Line-height: 37px Text Transform: None

Heading Six

Font-family: Poppins Font-size: 16 Font-weight: 400 Line-height: 26px Text Transform: None

Body

Body

SourceCodeStudio based in the UK has an in-house team with vast experience in delivering powerful custom digital products. We have worked with clients from a range of industries of all sizes to deliver exceptionally scalable solutions that perform.

Font-family: Poppins Font-size: 16 Font-weight: 400 Line-height: 28px Text Transform: None

CTA

Font-family: Poppins Font-size: 14 Font-weight: 700 Line-height: 28px Text Transform: Capitalize

Quote

Font-family: Poppins Italics Font-size: 28 Font-weight: 400 Line-height: 31px Text Transform: None

Source Code Studio logo can work in any colour situation. However, it is recommended to only use the gradient version on white, black or the brand colour “Middle Red Purple”. On all other colours please use the white variation unless the colour is too light and the dark variation is required.

Light - Transparent Background

Dark - Transparent Background

Logo - With Background Colour

Products

SourceCodeStudio has a range of products that when combined become an eco-system to help businesses flourish.

LiteSource - Light

LiteSource - Dark

KnowledgeSource - Light

KnowledgeSource - Dark

BrandSource - Light

BrandSource - Dark

ProductSource - Light

ProductSource - Dark

Resources