Style Guide - FirmFlex

FirmFlex Style Guide

Brand consistency is important across all marketing efforts. This style guide is designed as an easy reference for internal teams and third-party vendors.

Logo Dark

Favicon

Favicon Dark

Colors

#1559ED

Main blue for headings, backgrounds, buttons and more.

#2872FA

Tonal blue used for highlights, hovers, and more.

#3A4F66

Mid blue used for contrast and body text.

#192A3D

Deep blue used for accents.

#080E17

Dark blue used across the site for headings, backgrounds, and more.

#E9EEF1

Pale grey used for backgrounds

#FFFFFF

True white used for backgrounds and text.

#C32AA3

Accent color used in logos and for accents.

Typography

Headings

  • Poppins
  • 800 font-weight
  • Line height 1.1 em
  • Letter spacing -2

Body

  • Roboto
  • 400 font-weight
  • Line height 1.5 em