top of page

DESIGN PRINCIPLES

Colors

Picture1.png

Hex #9900ff

R=153  G=0  B=255

C=40  M=100  Y=0  K=0

USES

lorem ipsum lorem ipsum lorem ipsum 

LogoS

the desktop logos for WAT can be found below:

Picture1WAT.jpg
Picture2WAT.jpg

GENERAL USES

lorem ipsum lorem ipsum lorem ipsum 

ICONOGRAPHY

GENERAL USES

lorem ipsum lorem ipsum lorem ipsum 

PITCH DECK

Headings

Century Gothic Bold

Subheadings

Century Gothic 

Body

Ubuntu (light, normal, medium, bold)

HEADLINES

USES

purpose

  • To inform the user of the website's content in a quick and informative manner

 

rules

  • MUST be used on every page

  • MUST use title case

  • MUST NOT exceed 60 characters

  • MUST NOT be written as a sentence

    • EXCEPTION if an exclamation mark or question mark is used​

Typography

SUB HEADLINES

USES

purpose

  • To provide a core strategic message in a easily consumable manner 

 

rules

  • MUST compliment the headline

  • MUST NOT exceed 180 characters

  • SHOULD NOT be more than 1 sentence

  • CAN be used multiple times on a page​

BODY

USES

purpose

  • To 

 

rules

  • MUST use 20 px font size​

  • MUST use questrial font 

IMAGERY

Add a Title
Add a Title
Add a Title
Add a Title
Add a Title
Add a Title

GENERAL USES

general rules

  • MUST NOT cover points of interest in videos and images with text (i.e. faces, products, etc.)

CAPTIONS

purpose

  • To describe and provide context for an image or video on a webpage

​

Rules

​

​

LAYOUT

grid and breakpoints

lorem ipsum lorem ipsum lorem ipsum 

lorem ipsum lorem ipsum lorem ipsum 

spacing

bottom of page