Fan Rescue
BRAND ASSETS · v2.0.0

BRAND ASSETS

Centralised hosting at assets.fanrescue.co.uk. Reference these URLs in proposals, websites, emails, and documents.

For developers / Claude sessions: Add <link rel="stylesheet" href="https://assets.fanrescue.co.uk/brand/tokens.css"> to any HTML page, then use CSS variables (var(--fr-navy-deep), var(--fr-gold), var(--fr-font-display), etc.). See README.md for full reference.

LOGOS — STACKED

Stacked gold on navy
Stacked — Gold on Navy
/logos/FR-Stacked-Gold-Navy.svg
Stacked transparent
Stacked — Transparent
/logos/FR-Stacked-Transparent.svg

LOGOS — HORIZONTAL

Horizontal gold on navy
Horizontal — Gold on Navy
/logos/FR-Horizontal-Gold-Navy.svg
Horizontal transparent
Horizontal — Transparent
/logos/FR-Horizontal-Transparent.svg

LOGOS — MARK & WORDMARK

Mark gold on navy
Mark — Gold on Navy
/logos/FR-Mark-Gold-Navy.svg
Mark transparent
Mark — Transparent
/logos/FR-Mark-Transparent.svg
Wordmark gold on navy
Wordmark — Gold on Navy
/logos/FR-Wordmark-Gold-Navy.svg
Wordmark transparent
Wordmark — Transparent
/logos/FR-Wordmark-Transparent.svg

FAVICON SET

favicon SVG
favicon.svg (modern browsers)
/favicon/favicon.svg
Apple touch icon
apple-touch-icon.png (180px)
/favicon/apple-touch-icon.png
Android chrome
android-chrome-{192,512}.png
/favicon/android-chrome-512.png
favicon 48
favicon-{16,32,48,96}.png + .ico
/favicon/favicon.ico

COLOUR PALETTE

Navy Deep#0A1628
Navy Mid#162844
Navy Light#1E3A5F
Gold Primary#C8973E
Gold Light#D4A94E
Gold Pale#E8D5A3
Warm White#F5F2EC
Slate#3D4F5F
Warm Grey#8A9BAB

TYPOGRAPHY

FAN RESCUE — DISPLAY TYPE
Archivo Black, 900 weight. Used for headings, the wordmark, and the FR monogram. Letter-spacing 0.04em–0.12em depending on use. Loaded automatically from Google Fonts when you include tokens.css.
var(--fr-font-display) — 'Archivo Black'
Source Sans 3 — Body Type
Used for all body copy, the tagline, UI labels, and supporting text. Available weights 300, 400, 500, 600, 700. Loaded automatically from Google Fonts. The full ESTABLISHED 2005 tagline uses this at 0.25em letter-spacing.
var(--fr-font-body) — 'Source Sans 3'

BRAND DATA

tokens.css
/brand/tokens.css

CSS custom properties for the entire design system. Drop in via <link>, then use var(--fr-navy-deep), var(--fr-gold), etc.

company.json
/brand/company.json

Machine-readable company details — BESA no., F-Gas no., address, bank details, palette. Useful for templates and automation.