Firefly Express

Brand Styleguide

A living reference for typography, colour, and component usage across the Firefly Express brand. Since 1966.

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)

Maroon

#7C1B1E · Primary

Gold

#DD9531 · Accent

Dark

#120808 · Background

Cream

#F5E6D3 · Text / Light

Mid Brown

#3D1A12 · Surface

Montserrat

Headings · Buttons · Labels

Weights: 600 SemiBold, 700 Bold

Open Sans

Body · Paragraphs · Captions

Weights: 400 Regular, 600 SemiBold

Montserrat Bold · 14px · Uppercase · 0.08em tracking · 4px border-radius