Components
Station marker
A train station on the map: a neutral capsule with a train glyph and one bar per line, in a white keyline. Zoomed out it collapses to a compact form.
Contract: components/station-marker.yaml. States are drawn live by transit.js.
Loading the contract…
iOS app specification
The app's rendering of this component, from the v3 spec.
Station icon
A station is a Card pressed capsule the height of the route icon: the Ink train glyph leads, then one short rounded bar per line. Every station uses the same form, so a single-line station has one bar. Width grows with the line count.
Map 40Large 32Standard 24
| Sizes | Map marker 40 (36 inside the 2pt Paper keyline) · Large 32 · Standard 24. Not used at Mini 14. |
|---|---|
| Body | Card pressed capsule: height is the size, corner radius 50% of the height. Trailing padding 22% of the height (min 4) |
| Glyph | Train glyph, Ink, 75% of the height, centred in a leading square cell as wide as the icon is tall |
| Bars | One per line, left to right in line-bar contrast order. Width 22.5% of the height, height 60%, corner radius 40% of the bar width; the first bar starts 8% of the height inside the glyph cell |
| Gap | Fixed 1.5 between bars at every size |
| At 36 / 32 / 24 | Bar 8.1 × 21.6 / 7.2 × 19.2 / 5.4 × 14.4 · radius 3.2 / 2.9 / 2.2 · trailing 7.9 / 7.0 / 5.3. Six lines at 36 is 97 wide |
| Single line | Same capsule with one bar. No solid line-colour fill |
| Line bar | Still used wherever lines are read, not just recognised: stop cards, list rows, stop sheet |
| Label | "Clark/Lake station, Brown, Purple, Orange, Blue, Green and Pink lines" |