One system. Built from the hill, not the screen.
Every colour, typeface and part this site uses, on one page. The theme defines them once as tokens, each with a light and a dark value, and the plugins’ blocks draw from the same tokens. Press the toggle in the header and the whole page follows.
Colour
assets/css/tokens.cssDeep dusk base, warm off-white, amber for action, coral for live. Two accents, used sparingly.
Role tokens. These five change between light and dark; components only ever use these.
The sky: sunset into blue-hour night.
Type
three faces, bundledSpace Grotesk for display, IBM Plex Sans for body, IBM Plex Mono for data. Tight tracking on headlines, 1.6 leading on copy.
Buttons, links and tags
Arrow link
Inline, underlinedTags and chips
A tag for what’s live, chips for distancesQuestions
The Details block, Q&A styleIs the route marked?
Yes, and swept the same day. Carry the GPX anyway.
Is there soup?
There is always soup.
Bands
Group block stylesDark band, with a stat. In-world, sourced numbers only. Never a row of vague giant figures.
eaten · Kinder, Nov
Club runs
RacerPacer plugin blocksRun schedule, Next run and Club card. Each is a block, and takes the theme’s colours.
| When | Run | Meeting point | Distance |
|---|---|---|---|
| Saturday 17 October, 08:00 Changed | Saturday long run | Lay-by at Kelder Bridge | 18.5km (11.5 miles), 533m (1,749ft) climb |
| Monday 19 October, 10:00 | Beginners’ trail taster Beginners welcome | Village hall car park, Northfell | 5km (3 miles), with walk breaks |
| Tuesday 20 October, 18:30 | Tuesday social run | Village hall car park, Northfell | 8.3km (5.1 miles), 241m (791ft) climb |
Wildstride
The home club. Trail and fell running for every pace, twice a week.
Wildstride started here. About 80 of us meet on Tuesday evenings and Saturday mornings, we regroup at every junction, and your first three runs are free. Most of the race weekend crew come from these runs.
Event cards
Event grid block16:10 photo, name, place, dates, distances, one live chip. The first card can run wide.
Search and filters
Race finder blockA search field, selects and multi-select toggles, amber when on. The cards filter as you go.
Maps
RacerPacer MapsAn event’s start, checkpoints and finish with its course line. The line and the marks use the theme’s amber and night.
Loading the map…
- Start Edale · village hall basecamp Directions
- Checkpoint 1 Mam Tor 4.0km (2.5 miles) · Marshal point · no water Directions
- Checkpoint 2 Hollins Cross 5.5km (3.4 miles) · Water and food · crew welcome Directions
- Checkpoint 3 Lose Hill 8.5km (5.3 miles) · Head torch check Directions
- Finish Hope · Market Place Directions
Map data from OpenStreetMap, served by OpenFreeMap.
Voice
A short sentence beside a long one. Plain verbs. Real detail about the real event.
Not this
Wildstride isn’t just a run. It’s a transformative journey that empowers you to unleash your potential across an ever-evolving landscape.
Leverage our seamless platform to embark on a testament to endurance.
This
Forty-three kilometres (27 miles) along an exposed ridge, in December. You’ll want poles and a spare layer. There’s soup at the end and a fire to dry out by.
Registration takes two minutes. Capped at 300 so the trail doesn’t turn into a queue.
Guardrails
- × Purple, violet or indigo as a hue, anywhere.
- × Gradient-filled headline words.
- × Glass effects, soft glows, rainbow drop shadows.
- × Rows of giant numbers that mean nothing; clutters of pill badges.
- × Emoji in headings; everything centred in one column.
- × Rankings, leaderboards, series points. Out of scope by design.