HomeRendering primitives

PreviousNext

Station name labels

How station names and platform chips shrink with width while copy, find, and screen readers keep the full name.

Primitive

No-compromise station name display

Labels can abbreviate or break across two lines when width is tight. Find, copy, and screen readers still get the real name.

  • Find

    Browser find still matches the full station name when the on-screen label is abbreviated or wrapped.

  • Copy

    Paste gets the complete name. No abbreviations, soft breaks, or leftover line splits.

  • Screen readers

    Assistive tech always hears the full name in context, never a shortened or cryptic version.

Every screen size

  • 320px
  • 220px
  • 160px
  • 120px
  • 88px

Platforms

  • 560px
  • 448px
  • 320px
  • 240px

Abbreviations

Only when the full name overflows. Resize the board below.

FullShortStationsExamples
StreetSt20Baker Street · Bond Street · Cannon Street
RoadRd31Abbey Road · Avenue Road · Beckenham Road
AvenueAve2Warwick Avenue
SquareSq4Euston Square · Leicester Square · Russell Square
LaneLn13Beddington Lane · Blackhorse Lane · Chancery Lane
ParkPk40Beckton Park · Belsize Park · Brondesbury Park
JunctionJct7Beckenham Junction · Clapham Junction · Dalston Junction
BridgeBr5Deptford Bridge · London Bridge · Phipps Bridge
CentralCtrl7Acton Central · Finchley Central · Hackney Central
and&8Caledonian Road & Barnsbury · Chalfont & Latimer · Elephant & Castle
  • 2 min
  • 4 min
  • Due
  • 7 min

288px · resize to see it in action

Copy, find, and screen readers

The painted label can wrap or abbreviate. Find, copy, and screen readers still get the full station name.

88px
Copy
Select the label and copy. Clipboard gets London Liverpool Street.
Find
Cmd/Ctrl+F "London Liverpool Street". Wrapped labels use hidden="until-found" so find reveals the full name under the paint.
Screen reader
Painted lines are aria-hidden. Announced name: London Liverpool Street.

In code

station-typography · station-abbreviations · station-label-find · Platform chip