Article Name

Anti-Fog Spray Review

October 20, 2026
Swimming

This article will be published before - 1.09.2026

40–60 km · 5K — Brand & Colour System
Brand Reference · Colour System

The 40–60 · 5K palette.

A monochrome-plus-one-accent system, tuned for editorial calm and a single confident accent. Same identity as your original — the tonal gaps are filled so every surface, border and accent has room to work.

Core palette

Six roles. Ink and white anchor the system; two cool neutrals build surfaces; cyan carries the accent in three strengths.

Ink
Ink
#0A0A0A
All body & display text. A near-black — softer and more premium than pure #000.
Surface
White
#FFFFFF
Primary page surface and card fills. The dominant colour by area.
Light
Light
#F0F4F8
Secondary surface — recap bars, chart backgrounds, rest days.
Platinum
Platinum
#DDE2E6 · was #E3E6E8
Borders, dividers, disabled bars. Nudged darker so it separates from Light.
Accent
Cyan · Accent
#1DACD6
The single accent — nav dot, links, key markers, hero highlight. Use sparingly.
Accent soft
Cyan · Soft
rgba(29,172,214,0.10)
Quiet fills & hovers — the phase pill, tinted callouts. A 10% wash of the accent.
Accent deep
Cyan · Deep
#0B5F74
Cyan as text on light backgrounds — passes contrast where #1DACD6 fails.
Ink tints
Ink 60 / 40
rgba(10,10,10,.60 / .40)
Secondary & tertiary text. Never introduce a separate grey for type.

The 60 · 30 · 10 balance

Premium comes from proportion. White dominates, neutrals do the structural work, and the accent stays rare — that rarity is what makes cyan feel intentional.

White Light Platinum Ink Cyan

Roughly: 60% white surface · 30% neutrals (light + platinum + ink text) · under 10% cyan. If cyan starts feeling common, pull it back.

Approved pairings

Three safe backgrounds and the text + button treatment for each.

On White
Faster 5K
Ink text, cyan primary action. The default layout combination.
Start plan
On Light
Weekly recap
Ink text on the light surface, ink button for quiet contrast.
View week
On Cyan
Race week
White text on accent, white button with deep-cyan label. Reserve for one hero moment.
Let's go
One contrast rule to remember

Cyan #1DACD6 on white does not pass text contrast at body sizes — it's a fill/large-display colour, not a text colour. For cyan-coloured words on a light background, use Accent deep #0B5F74 instead. Full-strength cyan is fine for large headings, backgrounds, borders and icons.

Typeface — PP Neue Montreal

One family, two weights doing all the work. Tabular figures on for aligned distances and paces.

Aa Gg 40–60 km
DisplayMedium 500 · −3% tracking
Section headingMedium 500 · −2% tracking
Body copy — easy aerobic base building.Regular 400
Eyebrow / labelMedium 500 · +14% · caps
53 km · Zone 1 72%Tabular figures
40–60 KM · 5K
Colour & type reference · built for Webflow
Share
Copy Article URL

This article will be published before - 1.09.2026

40–60 km · 5K — Brand & Colour System
Brand Reference · Colour System

The 40–60 · 5K palette.

A monochrome-plus-one-accent system, tuned for editorial calm and a single confident accent. Same identity as your original — the tonal gaps are filled so every surface, border and accent has room to work.

Core palette

Six roles. Ink and white anchor the system; two cool neutrals build surfaces; cyan carries the accent in three strengths.

Ink
Ink
#0A0A0A
All body & display text. A near-black — softer and more premium than pure #000.
Surface
White
#FFFFFF
Primary page surface and card fills. The dominant colour by area.
Light
Light
#F0F4F8
Secondary surface — recap bars, chart backgrounds, rest days.
Platinum
Platinum
#DDE2E6 · was #E3E6E8
Borders, dividers, disabled bars. Nudged darker so it separates from Light.
Accent
Cyan · Accent
#1DACD6
The single accent — nav dot, links, key markers, hero highlight. Use sparingly.
Accent soft
Cyan · Soft
rgba(29,172,214,0.10)
Quiet fills & hovers — the phase pill, tinted callouts. A 10% wash of the accent.
Accent deep
Cyan · Deep
#0B5F74
Cyan as text on light backgrounds — passes contrast where #1DACD6 fails.
Ink tints
Ink 60 / 40
rgba(10,10,10,.60 / .40)
Secondary & tertiary text. Never introduce a separate grey for type.

The 60 · 30 · 10 balance

Premium comes from proportion. White dominates, neutrals do the structural work, and the accent stays rare — that rarity is what makes cyan feel intentional.

White Light Platinum Ink Cyan

Roughly: 60% white surface · 30% neutrals (light + platinum + ink text) · under 10% cyan. If cyan starts feeling common, pull it back.

Approved pairings

Three safe backgrounds and the text + button treatment for each.

On White
Faster 5K
Ink text, cyan primary action. The default layout combination.
Start plan
On Light
Weekly recap
Ink text on the light surface, ink button for quiet contrast.
View week
On Cyan
Race week
White text on accent, white button with deep-cyan label. Reserve for one hero moment.
Let's go
One contrast rule to remember

Cyan #1DACD6 on white does not pass text contrast at body sizes — it's a fill/large-display colour, not a text colour. For cyan-coloured words on a light background, use Accent deep #0B5F74 instead. Full-strength cyan is fine for large headings, backgrounds, borders and icons.

Typeface — PP Neue Montreal

One family, two weights doing all the work. Tabular figures on for aligned distances and paces.

Aa Gg 40–60 km
DisplayMedium 500 · −3% tracking
Section headingMedium 500 · −2% tracking
Body copy — easy aerobic base building.Regular 400
Eyebrow / labelMedium 500 · +14% · caps
53 km · Zone 1 72%Tabular figures
40–60 KM · 5K
Colour & type reference · built for Webflow
Share
Copy Article URL

Explore The Library

Get access to comprehensive content on performance, nutrition, and health — including current articles, training guides and practical protocols.