Firefly Express
Brand Styleguide
A living reference for typography, colour, and component usage across the Firefly Express brand. Since 1966.
Typography
Heading One — 56px
Montserrat Bold · 56px / 64px · -0.02em tracking
Heading Two — 40px
Montserrat Bold · 40px / 48px · -0.01em tracking
Heading Three — 32px
Montserrat SemiBold · 32px / 40px
Heading Four — 24px
Montserrat SemiBold · 24px / 32px
Heading Five — 20px
Montserrat SemiBold · 20px / 28px
Heading Six — 16px
Montserrat SemiBold · 16px / 24px · Uppercase · 0.05em tracking
Body text — Open Sans Regular at 16px with 28px line height. Used for paragraphs, descriptions, and general content across the site. Comfortable reading measure with warm cream tones on dark backgrounds.
Open Sans Regular · 16px / 28px · rgba(245, 230, 211, 0.8)
Small body text — Open Sans Regular at 14px. Used for captions, supporting information, and secondary content.
Open Sans Regular · 14px / 22px · rgba(245, 230, 211, 0.6)
Overline Text
Montserrat Bold · 11px / 16px · Uppercase · 0.15em tracking · Gold
Lead paragraph — used for introductions and hero descriptions. Lighter weight at 20px creates a softer, more inviting entry point to content sections.
Open Sans Light · 20px / 34px · rgba(245, 230, 211, 0.9)
Brand Colours
Cream
#F5E6D3 · Text / Light
Mid Brown
#3D1A12 · Surface
Fonts
Montserrat
Headings · Buttons · Labels
Weights: 600 SemiBold, 700 Bold
Open Sans
Body · Paragraphs · Captions
Weights: 400 Regular, 600 SemiBold
Buttons
Montserrat Bold · 14px · Uppercase · 0.08em tracking · 4px border-radius