Skip to content
Ski 2027Piste MapSystemHO

Concept B · Design direction for St Piste-ers 2027

Piste Map

Your trip, signposted like a mountain.

Borrowed from trail maps and resort wayfinding: every task is a station on your run, progress is a route line, and status uses real piste-marker shapes so nothing relies on colour alone. Condensed signage type and a navy-and-snow palette keep it crisp, functional and a little bit playful.

1234GREEN 4BLUE 12RED 7BLACK 2
  • Green
  • Blue
  • Red
  • Black
  • Lift

Typography

Barlow Condensed for everything that would be painted on a sign — headings, labels, numbers. Barlow for reading. Numbers are always tabular so countdowns and money line up.

Display · Condensed 800 · 72/0.85

116 days to the slopes

H1 · Condensed 800 · 48

Pick your mountain

H2 · Condensed 700 · 28 · tracked

Trail info

Sign label · Condensed 700 · 13 · +8%

Phase 1 · Planning You are here

Body · Barlow 400 · 16/24

Rooms are published in Preparation. Your room, room-mates and floor will appear here once the organisers have sorted it.

Numerals · tabular

£1,080 · £1,575 · 18/20 · 2,300 m

Colour

Navy and snow do the heavy lifting. Piste colours are a semantic system, never decoration — and they always travel with a shape.

  • Navy ink#0D1A33 · --pm-inkText, sign plates, primary buttons, nav
  • Snow#F6F7F3 · --pm-snowPage background
  • Paper#FFFFFF · --pm-paperCards, inputs, entrance signs
  • Lift yellow#F3AE00 · --pm-signYou-are-here, calls to action, totals — always with navy text
  • Piste green#15784A · --pm-greenDone / cleared ● · First-time grade
  • Piste blue#1B58B8 · --pm-blueWaiting / started ■ · Beginner grade
  • Piste red#C42B25 · --pm-redNeeds you ◆ · Intermediate grade
  • Piste black#111317 · --pm-blackLift lines · Advanced grade
  • Glacier#E5EDF6 · --pm-glacierTerrain tint, icon wells
  • Rock#EBE7DF · --pm-rockSegmented tracks, empty bars

Piste markers

Status borrows the shapes of real piste markers, so it reads in greyscale, for colour-blind users and at a glance.

Task status

  • Done — green circle, tick
  • Needs you — red diamond, exclamation
  • With organisers — blue square, ellipsis
  • Started — half-filled square
  • Not applicable — dash

Ability = piste grade

  • First time
  • Beginner
  • Intermediate
  • Advanced

The grade is written out, so the colour band is never the only cue.

Calendar

  • Ideal
  • Can do
  • Can’t do — piste closed, plus hatching and strike-through

Iconography

A custom pictogram set on a 24 px grid, 2 px strokes — drawn to sit beside resort signage.

  • Summit / home
  • Signpost / holidays
  • Dates
  • Skis
  • Snowboard
  • Chairlift / organiser
  • Gondola / transfer
  • Helmet
  • Boots
  • Lift pass
  • Cost
  • Room
  • Flight
  • Coach
  • People
  • Meeting point
  • Snow
  • Route
  • Command centre
  • Insurance

Photography

Natural colour, big skies, real mountains. Photos are framed like map insets: square-ish corners, and information sits on solid sign plates — never thin text floating over snow.

Val Thorens village among snowy peaksVal Thorens · 2,300 m
Location sign + numbered map pin
Snowboarder above a sea of peaksRoute overlay
Dashed route line with a navy casing for contrast
Frosted chairlift against a blue sky▲ 3,230 m
Altitude marker on a ghost sign

Buttons

Yellow is the lift: one per screen, for the thing that moves you forward. Focus shows a navy ring inside a yellow halo — try tabbing.

Forms

Big targets, labels above fields, units inside the field, the right keyboard on phones. Errors say what to do, in red, with an icon.

Airlines need this to match exactly.

£ total
Catering

Preparation · My kit

Equipment for hire

What are you doing?
Your level
cm

Enter your height in centimetres, e.g. 172

kg

Only organisers and the rental shop see your sizes. Weight helps set bindings safely.

What do you need?
  • Skis
  • Ski boots
  • Poles
  • Helmet

Status badges

Cleared Needs you With organisersPhase 2 · BookingVoting openDraftDemo price

Progress

No confetti, no points. A percentage on a sign, a route line of stations, and one chair per person on the lift.

Readiness sign

72%Ready

Route of stations

Chair line · one chair per person

Deposits paid 16/20

Ratings

Snow reliability

Beginners

Cards

Sign plate

Navy head

The default container: white board, navy header strip like a trail sign. Used for anything with a title and a list.

Likely dates30 Jan – 6 Feb

Price board

Package · quoted£1,080

Lift pass · est.£260

Real total · est.£1,575

Photography: CC0 images via Wikimedia Commons (Unsplash contributors and others) — see public/photos/credits.json.