2 - Core

2.1 - Breakpoints

Breakpoints available for use in media queries

• $breakpoint-mobile - 576px;
• $breakpoint-tablet - 768px;
• $breakpoint-laptop - 992px;
• $breakpoint-desktop - 1200px;

2.2 - Colours

The colour palette for web.

2.2.1 - Brand Colours

The primary colors for branding.

• #5e34be - Primary
• #0090a8 - Secondary
• #e9eaed - Tertiary
• #001750 - Dark
• #cf005b - Contrast

2.2.2 - Default Colours

The default colours for certain elements.

• #ffffff - body background colour
• #000000 - text colour
• #9D9D9C - muted text colour

2.2.3 - Feedback Colours

Colors for signifying certain states.

• #15ab02 - Success (light)
• #0090a8 - Success (dark)
• #ff4e3e - Warning (light)
• #cf005b - Warning (dark)