Design Pattern Library 1.5

General Guidelines

Desktop/Web

Mobile (Tablet & Phone)

Visual Design Guidelines

Visual Design Guidelines: Color Palette

Neutrals

Black

Almost Black
R52 G52 B52 / #343434

Darkest Grey
R102 G102 B102 / #666666

Dark Grey
R128 G128 B128 / #808080

Grey
R175 G175 B175 / #afafaf

Medium Grey
R225 G225 B225 / #e1e1e1

Light Grey
R242 G242 B242 / #f2f2f2

Overlays

Dark Overlay
Black with 75% Opacity

Medium Overlay
Black with 50% Opacity

Light Overlay
Black with 40% Opacity

Theme

Dark Blue
R46 G128 B181 / #2e80b5

Light Blue
R43 G181 B220 / #2bb5dc

Alerts

Coral
R225 G90 B41 / #e15a29

Deep Green
R156 G181 B54 / #9cb536

Deep Blue
R58 G66 B76 / #3a424c

Status

Red
R238 G90 B41 / #ee5a29

Orange
R244 G144 B32 / #f49020

Green
R137 G195 B65 / #89c341