Table Of Contents

Logo's

Primary Logo's

Lightbulb and Favicon

Branding Basics

Brand Colors (Primary)

Light Brand Color Variant (Secondary/Highlights)

10% Brand Color Tint (For use on background sections only)

Acceptable Color Combinations

Button Styling

Table Of Contents

Logo's

Primary Logo's

Lightbulb and Favicon

Branding Basics

Brand Colors (Primary)

Light Brand Color Variant (Secondary/Highlights)

10% Brand Color Tint (For use on background sections only)

Acceptable Color Combinations

Button Styling

QBR Branding

Logo's

Primary Logo's

Lightbulb and Favicon

Favicon

Branding Basics

Brand Colors (Primary)

#571EA6

#FDD900

#FA6403

#00D1FF

Light Brand Color Variant (Secondary/Highlights)

#8950D7

#FEE96A

#FF8739

#B2E6FB

10% Brand Color Tint (For use on background sections only)

#EEE8F6

#FFFBE5

#FEEFE5

#E5FAFF

Black and White

#1A1A1A

#FFFFFF

Typography

H1, H2, H3 - Filmotype Major Bold

H4, H5, H6 - Filmotype Major or Poppins 300 Regular, 600 Bold

Paragraph Text - Poppins 400 Regular, 600 Bold

Advanced Branding

Acceptable Gradients

Purple Gradient

#571EA6

#8950D7

Blue Gradient

#00D1FF

#B2E6FB

Orange Gradient

#FA6403

#FF8739

Yellow Gradient

#FDD900

#FEE96A

Acceptable Color Combinations

#FDD900

#00D1FF

#FA6403

#FFFFFF

#00D1FF

#B2E6FB

#571EA6

#FFFFFF

#FA6403

#571EA6

#FFFFFF

#571EA6

#FFFFFF

Button Styling

blue button

orange button

All buttons on Purple Backgrounds use a gradient, rounded borders, and box shadows.

Purple button

All buttons on Yellow Backgrounds use a gradient, rounded borders, and box shadows.

Blue Button

purple button

All buttons on Orange Backgrounds use a gradient, rounded borders, and box shadows.

Orange button

purple button

All buttons on Blue Backgrounds use a gradient, rounded borders, and box shadows.

purple button

Orange button

Yellow button

Blue button

All buttons on White Backgrounds use a single flat color, rounded borders, and no box shadows.