Hireserve Style Guide

This Styleguide is a collection of HS approved designs. This guide contains real working examples, code snippets, documentation, and style guidelines.

Colors

These are the colours that should be used when creating a page

green
#42c760
brandGreen
#ADC93C
yellow
#f9ac2a
blue
#2070B7
red
#eb3639
brandRed
#D64A6A
grey
#70717C
white
#ffffff
bright-blue
#2A65E3
purple
#664E6F
brandBlack
#3D3C3F

System Colours

Each area of the system should be denoted by its own colour.

Notification
#ADC93C
Primary App colour, links
#2070B7
SLA Notifications
#D64A6A
Settings
#70717C
Tasks
#664E6F
Home/ Contrast UI
#3D3C3F

Typography

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam enim sunt sapiente molestias, sed dicta inventore consectetur beatae asperiores, aliquid laboriosam animi, praesentium repudiandae et, quam saepe sint cupiditate reiciendis.

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6