TfL Rainbow Box Demo

Disclaimer: This is only supposed to be a demonstration of an alternative way to show the TfL Line Status "Rainbow Box", with alternative displays dependent on the mode to make it easier for colourblind people, as well as long time users, to read the box. The current design, in my opinion, is somewhat inaccessable and can be confusing for long time users due to similar colour choices. For example, the Central Line uses #dc241f, while the Windrush Line uses #bd0404, which are very similar.

No infringement on any copyright, designs, design guidelines, etc. is intended in any way. The TfL colours, line names, etc. are all owned by TfL.

This page uses CSS Flexbox display styles. You will need a new-ish browser (anything released since 2012, unless it's Internet Explorer, which needs IE11) to use this page.

Alphabetical Grouping

U1 Bakerloo
Good Service
U2 Central
Good Service
U3 Circle
Good Service
U4 District
Good Service
DLR
Good Service
S1 Elizabeth
Good Service
U5 Hammersmith & City
Good Service
U6 Jubilee
Good Service
S2 Liberty
Good Service
S3 Lioness
Good Service
U7 Metropolitan
Good Service
S4 Midmay
Good Service
U8 Northern
Good Service
U9 Piccadilly
Good Service
S5 Suffragette
Good Service
Trams
Good Service
U10 Victoria
Good Service
U11 Waterloo & City
Good Service
S6 Weaver
Good Service
S7 Windrush
Good Service

Mode Grouping

U1 Bakerloo
Good Service
U2 Central
Good Service
U3 Circle
Good Service
U4 District
Good Service
U5 Hammersmith & City
Good Service
U6 Jubilee
Good Service
U7 Metropolitan
Good Service
U8 Northern
Good Service
U9 Piccadilly
Good Service
U10 Victoria
Good Service
U11 Waterloo & City
Good Service
S1 Elizabeth
Good Service
S2 Liberty
Good Service
S3 Lioness
Good Service
S4 Midmay
Good Service
S5 Suffragette
Good Service
S6 Weaver
Good Service
S7 Windrush
Good Service
DLR
Good Service
Trams
Good Service