launchshots / showcase / navigation / tfl go: plan, pay, travel

TfL Go: Plan, Pay, Travel

by TfL
Navigation 4.8 (12,007) Free 4+ 133.3 MB

Chart position — tracked daily by LaunchShots

#4 of 100
Top Free Navigation · United Kingdom
best #3 · 16 days tracked · as of Sep 20
— / 7d
#25 of 100
Top Free Navigation · Sweden
best #21 · 10 days tracked · as of Sep 20
▲ 6 / 7d
#33 of 100
Top Free Navigation · Netherlands
best #24 · 10 days tracked · as of Sep 17
▲ 7 / 7d
#34 of 100
Top Free Navigation · South Africa
best #19 · 16 days tracked · as of Sep 18
▼ 4 / 7d
#38 of 100
Top Free Navigation · Germany
best #33 · 12 days tracked · as of Sep 19
▲ 2 / 7d
+ 17 more charts

Screenshot changes — detected by LaunchShots

Sep 15, 2026
TfL Go: Plan, Pay, Travel replaced the screenshot images (same count, theme and layout).
Aug 24, 2026
TfL Go: Plan, Pay, Travel added 2 iPhone screenshots (6 → 8).

Screenshot style breakdown

Sampled from 6 of TfL Go: Plan, Pay, Travel's App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).

Use this style →
8 iPhone screenshots · 8 iPad Mixed light / dark Background changes per screenshot
#047C34 bg #278E50 #54A474 accent #FFFFFF text
vs. Navigation apps we've analysed (2162): 42% use a light theme; 33% put the caption above the phone — TfL Go: Plan, Pay, Travel uses no captions; the average set has 5.9 screenshots — TfL Go: Plan, Pay, Travel ships 8. Full Navigation benchmark →

Screenshots

#1 TfL Go: Plan, Pay, Travel iPhone screenshot 1
#2 TfL Go: Plan, Pay, Travel iPhone screenshot 2
#3 TfL Go: Plan, Pay, Travel iPhone screenshot 3
#4 TfL Go: Plan, Pay, Travel iPhone screenshot 4
#5 TfL Go: Plan, Pay, Travel iPhone screenshot 5
#6 TfL Go: Plan, Pay, Travel iPhone screenshot 6
#7 TfL Go: Plan, Pay, Travel iPhone screenshot 7
#8 TfL Go: Plan, Pay, Travel iPhone screenshot 8

iPad screenshots

#1 TfL Go: Plan, Pay, Travel iPad screenshot 1
#2 TfL Go: Plan, Pay, Travel iPad screenshot 2
#3 TfL Go: Plan, Pay, Travel iPad screenshot 3
#4 TfL Go: Plan, Pay, Travel iPad screenshot 4
#5 TfL Go: Plan, Pay, Travel iPad screenshot 5
#6 TfL Go: Plan, Pay, Travel iPad screenshot 6
#7 TfL Go: Plan, Pay, Travel iPad screenshot 7
#8 TfL Go: Plan, Pay, Travel iPad screenshot 8

Icon palette

extracting…
Dominant colors sampled from the icon — click any swatch to copy the hex.

About this app

Travel confidently around London with Transport for London's official app, built around our iconic live Tube map. Try switching to step-free mode and watch the map adjust to show only accessible stations, ensuring your journeys are as smooth as possible. With a clear, user-friendly design, TfL Go is easy for everyone to use. Find the Best Route We'll suggest multiple ways to get to your destination, whether by Tube, London Overground, Elizabeth line, DLR, Tram, National Rail, London Cable Car, or even cycling and walking. You choose the route that suits you best. Check Before You Travel Get live arrival times for Buses, Tube, London Overground, Elizabeth Line, DLR, Tram, and National Rail. Check the live status of all TfL lines and stations directly on the map, or view a summary of current disruptions in the "Status" section. Freedom to Explore Find travel options tailored to your ne…

App details

Bundle ID
uk.gov.tfl.tflgo
Latest version
3.19.0
Released
Aug 4, 2020
Last updated
Sep 10, 2026
Languages
1 (EN)
Genres
Navigation, Travel

What you can learn from TfL Go: Plan, Pay, Travel

Every shipping app on the App Store has gone through the same decisions you're working through right now: which screenshot goes first, what caption sits over it, which device frame to show, what color the background should be. The 16 screenshots above are TfL Go: Plan, Pay, Travel's answers to those questions — they're public, they're real, and they made it through Apple's review.

What the numbers say: TfL Go: Plan, Pay, Travel runs a mixed light-and-dark set where the background shifts from screenshot to screenshot (first shot #047C34) — each image has to stand on its own, so the captions carry more of the story. The accent colour we picked up, #54A474, is the one to reuse for badges, arrows and highlighted words if you borrow this look. Hit Use this style to open the editor with these exact colours and drop your own screenshot in.

Notice the first screenshot in particular. It's the one users see in search results and on the product page, and it's where most apps spend their best caption and tightest design. Look at the proportion of background to phone, where the text sits, what one thing the image is trying to communicate.

Want to see how other Navigation apps approach the same problem? Browse more Navigation apps in the showcase.

Take what works into your own screenshots

Open LaunchShots and design your App Store & Google Play screenshots — pick a device frame, drop captions, ship in minutes. Free, in your browser.

Open the screenshot editor →

Apps with a similar look

Closest background + accent colours among the listings we've analysed — useful when you want to see the same palette handled by a different team.

Transporte de Andalucía
#047C2C #54A474
Point Coffee
#04843C #4CA474
APP Banco Santa Fe
#0C7C3C #4CAC6C
ExamGo
#04743C #4CAC7C
Real Betis Balompié
#048C34 #4C9C6C
Råkollen
#0C8C34 #54AC6C

More Navigation apps

Latest from the blog

News
iOS Release Season Checklist: Update Your App Store Listing for iOS 17
Sep 20, 2026
ASO
Writing an App Store Description People Finish Reading
Sep 19, 2026
Guides
iPad Screenshots: When and How to Design Once for All
Sep 18, 2026
Tips
Onboarding Screens vs. Marketing Screenshots: Why They Differ
Sep 17, 2026
1 / 1
copied