Call: 07739 424 159

Email: roblast@mac.com

Design System

Typography

Headlines styles

Headline One (H1)

Typeface: Lato | Weight: Light |  Size: 3.5em |  Line height: 1em
Library Name: Headlines | Category: Typography | Type: Text Module

Headline Two (H2)

Typeface: Lato | Weight: Light |  Size: 2.5em |  Line height: 1em
Library Name: Headlines | Category: Typography | Type: Text Module

Headline Three (H3)

Typeface: Lato | Weight: Light |  Size: 1.8em |  Line height: 1em
Library Name: Headlines | Category: Typography | Type: Text Module

Headline Four (H4)

Typeface: Lato | Weight: Regular |  Size: 1.6em |  Line height: 1em
Library Name: Headlines | Category: Typography | Type: Text Module

Headline Five (H5)

Typeface: Lato | Weight: Bold |  Size: 1.2em |  Line height: 1em
Library Name: Headlines | Category: Typography | Type: Text Module

Headline Six (H6)

Typeface: Lato | Weight: Semi Bold |  Size: 1em |  Line height: 1em
Library Name: Headlines | Category: Typography | Type: Text Module

Typography

Paragraph styles

Paragraph One (P1)

Day. First Face, you’re. Behold signs his. Isn’t creepeth rule land fly. Whales let upon wherein Unto living moved i also winged they’re was. Life Shall man may. May lesser was appear made seed a own said kind don’t evening is. Had meat appear Hath can’t green let.

Hath great every may waters lights life moving made. Land likeness set divided saying that one first whales air night spirit deep made seed, likeness of above all winged lesser you’ll evening tree god fifth set firmament winged spirit open us bring own of signs life whales life wherein darkness sea upon.

Typeface: Lato | Weight: Light |  Size: 1.2em |  Line height: 1.5em
Library Name: P1 – Paragraph One | Category: Typography | Type: Text Module

Paragraph Two (P2)

Day. First Face, you’re. Behold signs his. Isn’t creepeth rule land fly. Whales let upon wherein Unto living moved i also winged they’re was. Life Shall man may. May lesser was appear made seed a own said kind don’t evening is. Had meat appear Hath can’t green let.

Hath great every may waters lights life moving made. Land likeness set divided saying that one first whales air night spirit deep made seed, likeness of above all winged lesser you’ll evening tree god fifth set firmament winged spirit open us bring own of signs life whales life wherein darkness sea upon.

Typeface: Lato | Weight: Light |  Size: 1em |  Line height: 1.3em
Library Name: P2 – Paragraph Two | Category: Typography | Type: Text Module

Paragraph Three (P3)

Day. First Face, you’re. Behold signs his. Isn’t creepeth rule land fly. Whales let upon wherein Unto living moved i also winged they’re was. Life Shall man may. May lesser was appear made seed a own said kind don’t evening is. Had meat appear Hath can’t green let.

Hath great every may waters lights life moving made. Land likeness set divided saying that one first whales air night spirit deep made seed, likeness of above all winged lesser you’ll evening tree god fifth set firmament winged spirit open us bring own of signs life whales life wherein darkness sea upon.

Typeface: Lato | Weight: Regular |  Size: 0.9em |  Line height: 1.1em
Library Name: P3 – Paragraph Three | Category: Typography | Type: Text Module

Colour

Palettes

Colour

Primary shades

Tufts Blue

#2A99F4

Bright Navy Blue

#0B7AD5

USAFA Blue

#085696

Prussian Blue

#05365D

Rich Black

#021525

Colour

Primary tints

Tufts Blue

#2A99F4

Blue Jeans

#50ABF6

Maya Blue

#80C2F8

Uranian Blue

#AFD9FB

Alice Blue

#EFF7FE

Colour

Complementary palette

Cyber Yellow

#FFD500

Mikado Yellow

#FDC500

Orange Web

#FFA500

Geranium Lake

#E12C2C

Rosso Corsa

#D40000

Colour

Neutrals

Jet

#323232

Dim Gray

#636363

#Silver Chalice

##ADADAD

Gray X11

#BFBFBF

Cultured

#EEEEEE