Style Guide

Typography

Menu

Font: Rubik – 13px, Weight – 700

Main Content

Font: Poppins, Size – 17px, Weight – 400

Headings – H1

Font: Quicksand
Size – 50px/44px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H2

Font: Quicksand
Size – 35px/27px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H3

Font: Quicksand
Size – 29px/24px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H4

Font: Quicksand
Size – 24px/22px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H5

Font: Quicksand
Size – 20px/19px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H6

Font: Quicksand
Size – 18px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Buttons

Global Colors

contrast: #101528

contrast-2: #1f2641

contrast-3: #313b77

base: #f0f0f0

base-2: #f7f8f9

base-3: #ffffff

accent: #30bced

accent-2: #fcba04

accent-3: #e55934

Compensation Interactive Logo

Make informed decisions through visual reporting and provide pay transparency to sales teams. Turn sophisticated data into actionable outcomes with incentive compensation management software.

Services

Incentive Compensation

Plan management

Sales Performance Management

Territory Planning

Quota Planning

Resources

Blog

FAQ

Contact

Compensation Interactive

2300 Yonge St, Toronto