Trackday Brand · 2026

The Trackday brand, used correctly.

Logo. Colours. Rules. Everything you need to apply the Trackday brand accurately on your own surfaces. Partners and press sign in for the full asset library; the rules stay open to everyone.

Section 01

Colours.

3 brand colours
4 gradients
#1B459C
--td-blue
#06B6D4
--td-cyan
#67E8F9
--td-cyan-light

Brand colours

Three colours carry brand meaning.

Blue for depth. Cyan for the brand signature. Cyan-light for accent. Everything else on a Trackday surface is theme, state, or content, not brand.

One brand gradient: blue to cyan, 90 deg
Banned: magenta · pale cyan · orange · gradient body text
Open the rules →

Section 03

Rules.

Apply universally
Across every surface

Always

  • ✓Use #1B459C, #06B6D4, and #67E8F9 from the brand palette.
  • ✓Render the logo from the supplied SVG or PNG. Never type it in a system font.
  • ✓Apply the brand gradient (blue to cyan, 90 deg) to brand bars. Primary CTAs end on cyan-deep #0E7490 so white labels stay readable.
  • ✓Maintain clear-space around the logo equal to the height of the TRACKDAY wordmark.
  • ✓Use the TRACKDAY × X pattern for any co-branded lockup. Trackday on the left.
  • ✓Barlow Condensed, uppercase, for display headlines on marketing and public surfaces. Inter for body, and for headings inside the app. IBM Plex Mono for source code only.
  • ✓Eyebrow labels are plain condensed text in cyan-light. No dash, bar or rule in front of them.
  • ✓Say what the product does and who decides. Label features as included at launch, in pilot, or planned. A quote runs with a name and consent, or not at all.
  • ✓Photography: dark mask and cyan-tinted panels. The deck system way.

Never

  • ✕Use magenta #BB16A3. Retired with the 2023 v1.0 PDF.
  • ✕Use pale cyan #99D6EA. Replaced by #67E8F9.
  • ✕Use orange in any context, brand or otherwise.
  • ✕Tilt, recolour, or modify the logo. The +12 deg "active" variant is retired.
  • ✕Apply gradient to body text. Reserve gradient for stat numerals.
  • ✕Use Hanken Grotesk or any other face. Inter and Barlow Condensed are the brand faces.
  • ✕Use +, and, or & in co-brand lockups. Always x.
  • ✕Use em-dashes anywhere. Use commas, full stops, or rewrites.
  • ✕Open a section with a rhetorical question, a triplet, or a mirrored contrast (“not X, but Y”).
For partners and press
Asset library, lockup builder, partnership-tier templates, and press kit are scoped to your role and available once you sign in.
Sign in