Website Design template guide

Colours used in the composition

Color: Deep Purple

rgb(60, 33, 87)

Used as: BG color, accents

Color: Smooth Pink

rgb(255, 121, 153)

Used as: Nav objets, grahic elements

Color: Mustard

rgb(255, 187, 54)

Used as: Nav objets, accents

Color: Lilac

rgb(182, 162, 255)

Used as: BG color, graphic elements

TypoGraphy

these are the variations of prefered typographies to be used

Work Sans

Font size: >14px

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

Bebas Neue

Font size: >20px

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

PAGE ELEMENTS

these are the specs for elements

H1 Headings:

Font size: >40px Colors: absolute contrast

Font family: bebas neue / font spacing 25px -30px

"example"

SubHeadings:

Font size: >30px Colors: absolute contrast

Font family: bebas neue

"example"

Paragraphs

Font size: 20px Colors: absolute contrast

Font family: Work Sans / Font Weight: 400

"Example"

reference images

this page is a work in progress, 😊