Public TierTrackday Brand · v1.0 · 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 below stay open to everyone.
Section 01
Colours.
3 brand colours
3 gradients
3 gradients
#1B459C
--td-blue
--td-blue
#06B6D4
--td-cyan
--td-cyan
#67E8F9
--td-cyan-light
--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 →Banned: magenta · pale cyan · orange · gradient body text
Section 02
Logo.
3 lockups
1 partner pattern
1 partner pattern
Logo system
Three lockups. One partner pattern.
Horizontal, stacked, icon. Each in light, dark, and mono. The TRACKDAY × X pattern for clubs and brand partners. Clear-space rule: X = TRACKDAY type height.
Always: SVG / PNG / EPS from the asset pack
Banned: typed wordmark · recolouring · tilting · stacking with +
Open the rules →Banned: typed wordmark · recolouring · tilting · stacking with +
Section 03
Rules.
Apply universally
Across every surface
Across every surface
Always
- ✓Use
#1B459C,#06B6D4, and#67E8F9from 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) only to brand bars and primary CTAs.
- ✓Maintain clear-space around the logo equal to the height of the TRACKDAY wordmark.
- ✓Use the
TRACKDAY × Xpattern for any co-branded lockup. Trackday on the left. - ✓Use Inter for display and body. Barlow Condensed for metrics and meta. IBM Plex Mono for source-code only.
- ✓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 display face. Inter is the brand face.
- ✕Use
+,and, or&in co-brand lockups. Alwaysx. - ✕Use em-dashes in body copy. Use commas, parentheses, or rewrites.
For partners and press
Asset library, lockup builder, partnership-tier templates, and press kit are scoped to your role and unlocked when you sign in.
Sign in →Asset library, lockup builder, partnership-tier templates, and press kit are scoped to your role and unlocked when you sign in.