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 Dark



Main blue for headings, backgrounds, buttons and more.


Tonal blue used for highlights, hovers, and more.


Mid blue used for contrast and body text.


Deep blue used for accents.


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


Pale grey used for backgrounds


True white used for backgrounds and text.


Accent color used in logos and for accents.



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


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