What is Hong Kong MTR?

Hong Kong MTR in brief

The Hong Kong MTR style is the visual identity of the Mass Transit Railway as its first stations opened between 1979 and 1985. It is a late-modernist transit design built on colour-coded stations, black enamel sign panels with white lettering, a white route-map ground and bilingual Chinese and English wayfinding. It is one of the clearest examples of a public system that let colour, not text alone, carry identity.

Its central idea is that every station has a colour. Walls were clad in glazed mosaic tile of a single hue, so the vermilion of one station was visibly different from the blue of another. The colour was both a memory aid and a way of coping with a city where many riders read different languages and scripts, or no script at all, and where crowds and speed left little time to read a sign.

On a screen, Curio's version keeps that logic. A white map ground holds the page, a strong MTR red marks the brand and active states, a deep navy handles navigation and footers, and large fields of line colour behave like the coloured walls of a platform. Chinese sits above English in every label, set in a Song-style serif over a plain sans, and sign panels are black with white type and a single arrow pointing the way.

See the Hong Kong MTR design system

Where does Hong Kong MTR come from?

The Mass Transit Railway Corporation, usually shortened to MTRC, was founded in 1975, and the first section of the railway opened in October 1979. The Island line followed in 1985. The source material places the style in Hong Kong, from Kowloon across the harbour to Hong Kong Island, and treats the decade between 1975 and 1985 as its formative period. In that decade the city was growing fast, and a high-capacity underground railway was a statement of ambition as well as a piece of infrastructure.

The figure most closely associated with the identity is Roland Paoletti, the system's chief architect. Under his direction, each station was given its own colour of mosaic tile. The Chinese-language source gives examples: Mong Kok in vermilion, Yau Ma Tei in a grey-and-white speckle, Admiralty in blue, Central in a deep red. The source also credits the design and signage teams of the MTRC as a collective, and that is worth remembering, because a transit identity is never the work of one person; it is the combined output of architects, graphic designers, engineers and sign-makers.

The result sits within several design traditions. It is late-modernist, with clean geometry and a strong belief in the clarity of systems. It is bilingual wayfinding, designed for a city where Chinese and English share public space and the order of the two languages is itself a visual decision. And it is colour-coded station identity, an approach used by transit networks elsewhere but pursued here with unusual commitment, down to the tile on the walls.

Later generations of MTR graphics, with their line maps and coloured routes, built on this foundation, and the vermilion-and-white look has become shorthand for the city's public life. For designers today, the interest lies in its discipline. Each colour has a job, each sign has one message and one arrow, and each label has the same hierarchy of Chinese above English. Curio's system takes that discipline and applies it to pages, dashboards and wayfinding-style layouts.

What defines the Hong Kong MTR look?

See the Hong Kong MTR design system

Who shaped Hong Kong MTR?

How do you use Hong Kong MTR today?

Slides: Use the white ground as the default and treat each section of the deck as a line with its own colour. A cover slide can be a black enamel panel with the title in white and a small red mark. Content slides keep a coloured band at the top, a clear heading and one idea. Data slides benefit most: assign each series a line colour, use thin tile-like gridlines and label bilingual items with the primary language above the secondary one.

Web and UI: This is an excellent system for navigation-heavy sites, travel and city guides, dashboards with several categories and any product that has to help people find their way. Use colour for category, red for the active state or primary action, and navy for the frame. Build tabs and breadcrumbs like route strips, and keep sign-style banners for important notices. Forms and settings pages stay calm on the white ground.

Editorial and marketing: Maps, timelines, event schedules, wayfinding guides, wall posters and signage are the natural uses. A poster can set a single big colour field, one black panel with the key message and a line of bilingual text below. For a brochure, use a section colour for each chapter so readers feel where they are in the book. Multilingual publications gain a lot from the stacked-language rule.

A common mistake is to assign colours decoratively. If a colour appears in a section, it should continue to mean that section everywhere else. Another is to use many reds or to let the brand red spread over every button; the red works only when it is rare. A third is to break the language order, putting English above Chinese on one page and below on another, which undermines the consistency that made the original signs so quick to read.

Finally, remember that the original is a physical system. Tile, enamel and steel give it depth and resilience that a screen cannot copy, so on a page lean into the clarity, the grid and the colour logic rather than trying to imitate the material.

See the Hong Kong MTR design system

Hong Kong MTR — FAQ