eurostar tm app style guide
DESCRIPTION
testTRANSCRIPT
EuroStar TM AppEuroStar TM App1-SPLASH1-SPLASHSplash screen, before login, after activating the favicon from the Ipad desktopSplash screen, before login, after activating the favicon from the Ipad desktop
2-LOGIN2-LOGINLogin Page for Train ManagerLogin Page for Train Manager
3-SYNC3-SYNCMain Syncronisation after the TM logged in.Main Syncronisation after the TM logged in.
4-DASHBOARD4-DASHBOARD4 - DASHBOARD<br>4 - DASHBOARD<br>
4-DASHBOARD_pixeliz4-DASHBOARD_pixeliz
4.0-TrainSet4.0-TrainSet
4.1-NewMessage4.1-NewMessage4.1 Module within the dashboard "NEW MESSAGES"4.1 Module within the dashboard "NEW MESSAGES"
4.2-JourneyLog4.2-JourneyLog
4.3DailyOrders4.3DailyOrders
5-MENUS5-MENUSMenu by defaultMenu by default
5.1-MENUS5.1-MENUSMenu / SubMenu abiertoMenu / SubMenu abierto
6-NEW-JOURNEY6-NEW-JOURNEY
6.1-NEW-JOURNEY6.1-NEW-JOURNEY
10.1_SEATING-PLAN10.1_SEATING-PLAN
10.2_SEATING-PLAN10.2_SEATING-PLAN
11-SEATMAP11-SEATMAPSeatMap Over ViewSeatMap Over View
SeatMap-Overview2SeatMap-Overview2
13-EMBARKING-DISEMBARKING-PAX-SUMMARY13-EMBARKING-DISEMBARKING-PAX-SUMMARYBoarding - DisembarkingBoarding - Disembarking
14_JOURNEY-LOG14_JOURNEY-LOG
15_CREW15_CREW
1-SPLASH1-SPLASH Screenshot NotesScreenshot Notes
Background used:gradient top right toBackground used:gradient top right tobottom left - Eurostar Yellow Gradientbottom left - Eurostar Yellow GradientC:0 M:0 Y:100 K:0C:0 M:0 Y:100 K:0R:255 G:230 B:0R:255 G:230 B:0ToToC:0 M:30 Y:100 K:0C:0 M:30 Y:100 K:0R:249 G:169 B:0R:249 G:169 B:0
Eurostar Bright BlueEurostar Bright BlueC:55 M:0 Y:20 K:0C:55 M:0 Y:20 K:0R:95 G:191 B:198R:95 G:191 B:198
Font: Eurostar SemiBold #white 48pxFont: Eurostar SemiBold #white 48px
Eurostar E* Logo silverEurostar E* Logo silver
Background:Pattern_LandS-Background:Pattern_LandS-BG_SPLASH-H.pngBG_SPLASH-H.png
Backgrounds: Pattern_LandS-Backgrounds: Pattern_LandS-BG_SPLASH-V.pngBG_SPLASH-V.png
11
2233 44
55
66
11
22
33
44
55
66
2-LOGIN2-LOGIN Screenshot NotesScreenshot Notes
Complet Logo + Text Eurostar +Complet Logo + Text Eurostar +underneith typography: Eurostarunderneith typography: EurostarRegular 51px #06183d Eurostar BlueRegular 51px #06183d Eurostar BluePantone: 2965Pantone: 2965C:100 M:50 Y:20 K:70C:100 M:50 Y:20 K:70R:6 G:24 B:61R:6 G:24 B:61
Eurostar Bright BlueEurostar Bright BluePantone: 7466Pantone: 7466C:95 M:0 Y:30 K:0C:95 M:0 Y:30 K:0R:0 G:164 B:174 R:0 G:164 B:174 #33c8a5#33c8a580% visible80% visible
Font:Font:Eurostar Regular #FFF 42px UpperEurostar Regular #FFF 42px UpperCaseCase
Font:Font:Arial Bold 36px #FFF UpperCaseArial Bold 36px #FFF UpperCase
FontFontArial Regular 36px #FFF underlineArial Regular 36px #FFF underline(link)(link)
[email protected][email protected]
Background: Patern_Port-BG_LOGIN-Background: [email protected]@2x.png
background button: [email protected] button: [email protected]: Eurostar Bold 40px #FFFFont: Eurostar Bold 40px #FFF
11
2233
4455
66
77
88
11
22
33
44
55
66
77
88
3-SYNC3-SYNC Screenshot NotesScreenshot Notes
Font: Eurostar Semi Bold Italic Font: Eurostar Semi Bold Italic 51px51px#06183d#06183dEurostar BlueEurostar BluePantone: 2965Pantone: 2965C:100 M:50 Y:20 K:70C:100 M:50 Y:20 K:70R:6 G:24 B:61R:6 G:24 B:61RAL: 5011RAL: 5011
Font: Eurostar Semi Bold Italic 51pxFont: Eurostar Semi Bold Italic 51px#06183d#06183d
Font: Eurostar Semi light Italic 51pxFont: Eurostar Semi light Italic 51px#FFF#FFF
Font: Eurostar Aspect 51px #06183dFont: Eurostar Aspect 51px #06183d
Color goes with the percentageColor goes with the percentageuploaded... Dark Blue and Clear Blueuploaded... Dark Blue and Clear Blue
Font: Eurostar Semi light Italic 30pxFont: Eurostar Semi light Italic 30px#FFF#FFF
Background: Pattern_LandS-Background: [email protected][email protected]
Background: Pattern_LandS-Background: Pattern_LandS-BG_SYNC-V.pngBG_SYNC-V.png
1122
334455
6677
88
11
22
33
44
55
66
77
88
4-DASHBOARD4-DASHBOARD Screenshot NotesScreenshot Notes
Font: Eurostar Aspect 40px #FFFFont: Eurostar Aspect 40px #FFF
Left NavigationLeft Navigation
Pattern_LandS-BG_SIMPLE-Pattern_LandS-BG_SIMPLE-YELLOW-H@[email protected]
[email protected][email protected]
Patern_Port-BG_SIMPLE-YELLOw-Patern_Port-BG_SIMPLE-YELLOw-V@[email protected]
4.1 NEW MESSAGES4.1 NEW MESSAGES
4.2 JOURNEY LOG4.2 JOURNEY LOG
4.1 NEW JOURNEY VERTICAL4.1 NEW JOURNEY VERTICAL
4.0 TRAIN SET4.0 TRAIN SET
1122
33
44
55
66 77
88
99
11
22
33
44
55
66
77
88
99
4-DASHBOARD_pixeliz4-DASHBOARD_pixeliz Screenshot NotesScreenshot Notes
4-DASHBOARD_pixeliz4-DASHBOARD_pixeliz Screenshot NotesScreenshot Notes
4.0-TrainSet4.0-TrainSet Screenshot NotesScreenshot Notes
Eurostar Bold #06183d 40pxEurostar Bold #06183d 40px
Eurostar Bold #06183d 60pxEurostar Bold #06183d 60px
11 22 11
22
4.1-NewMessage4.1-NewMessage Screenshot NotesScreenshot Notes
Font: Eurostar light 60px #06183dFont: Eurostar light 60px #06183d
Font: Eurostar light 50px #06183dFont: Eurostar light 50px #06183d
Font: Arial Bold + Webding (arrow)Font: Arial Bold + Webding (arrow)30px #06183d30px #06183d
Font:Arial 30px #06183d - (readFont:Arial 30px #06183d - (readmore...) #7f7f7f - backgroundmore...) #7f7f7f - background#9da299 (70% visible)#9da299 (70% visible)
Font: Arial 30px #06183d - (readFont: Arial 30px #06183d - (readmore...) #7f7f7f - backgroundmore...) #7f7f7f - background#9da299 (70% visible)#9da299 (70% visible)
11 2233
44
55
11
22
33
44
55
4.2-JourneyLog4.2-JourneyLog Screenshot NotesScreenshot Notes
Font: Eurostar light 60px #06183dFont: Eurostar light 60px #06183d
Font: Eurostar light 50px #06183dFont: Eurostar light 50px #06183d
Font: Arial Bold + Webding (arrow)Font: Arial Bold + Webding (arrow)30px #06183d30px #06183d
Font: Arial Regular 30px #06183dFont: Arial Regular 30px #06183d
image: icon_train_fromlondon.pngimage: icon_train_fromlondon.png
icon_train_fromlondon2.pngicon_train_fromlondon2.png
icon_train_fromlondon.pngicon_train_fromlondon.png
icon_train_fromcontinent.pngicon_train_fromcontinent.png
11 2233
44
55
66
77
88
11
22
33
44
55
66
77
88
4.3DailyOrders4.3DailyOrders Screenshot NotesScreenshot Notes
[email protected][email protected]
[email protected][email protected]
11
22
11
22
5-MENUS5-MENUS Screenshot NotesScreenshot Notes
5.1-MENUS5.1-MENUS Screenshot NotesScreenshot Notes
Arial Regular #fdd700 30pxArial Regular #fdd700 30pxArial Regular #fdd700 25pxArial Regular #fdd700 25pxuppercasesuppercases
Image to be providedImage to be providednow when selectednow when [email protected][email protected] when unselectednow when [email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
While it is Syncing..While it is Syncing..loading1.gifloading1.gif
loading1.gif loading1.gif By Laurent VernetBy Laurent Vernet
[email protected][email protected]
1122
33
44
5566 77 88 9910101111
1212
11
22
33
44
55
66
77
88
99
1010
1111
1212
6-NEW-JOURNEY6-NEW-JOURNEY Screenshot NotesScreenshot Notes
6.1-NEW-JOURNEY6.1-NEW-JOURNEY Screenshot NotesScreenshot Notes
10.1_SEATING-PLAN10.1_SEATING-PLAN Screenshot NotesScreenshot Notes
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]@[email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
icon_coach-business-premier-icon_coach-business-premier-hori@[email protected]
icon_coach-standard-premier-icon_coach-standard-premier-vert@[email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
icon_seat_partially-available-icon_seat_partially-available-selected@[email protected][email protected][email protected]_seat-unavailable-icon_seat-unavailable-seleceted@[email protected]
Arial Regular #252525 30pxArial Regular #252525 30px
Arial Regular #252525 30pxArial Regular #252525 30px
Arial Regular #252525 48pxArial Regular #252525 48px
[email protected][email protected]
[email protected][email protected]
....
....
icon_coach-business-premier-icon_coach-business-premier-vert@[email protected]
[email protected][email protected]
[email protected][email protected]
Arial regular #666666 24pxArial regular #666666 24px
11 22 33 4455 6677 88 99
10101111
1212131314141515
1616
1717
1818 1919
2020
2121
2222
23232424
2525
2626
2727
11
22
33
44
55
66
77
88
99
1010
1111
1212
1313
1414
1515
1616
1717
1818
1919
2020
2121
2222
2323
2424
2525
2626
2727
10.2_SEATING-PLAN10.2_SEATING-PLAN Screenshot NotesScreenshot Notes
Arial Bold 26px #FFFFFFArial Bold 26px #FFFFFF
Arial Regular #FFF 26pxArial Regular #FFF 26px
Arial Reglar #FFF 26pxArial Reglar #FFF [email protected][email protected]
Arial Reglar #FFF 26pxArial Reglar #FFF [email protected][email protected]
Arial Regular #000 36pxArial Regular #000 36px
Arial Bold #FFF 26pxArial Bold #FFF 26pxArial Regular #FFF 26pxArial Regular #FFF 26px
11223344
5566
11
22
33
44
55
66
11-SEATMAP11-SEATMAP Screenshot NotesScreenshot Notes
SeatMap-Overview2SeatMap-Overview2 Screenshot NotesScreenshot Notes
Arial 24px #FFFArial 24px #FFF
Eurostar Bold 40px #FFFFFFEurostar Bold 40px #FFFFFF
Arial regular 24px #FFFArial regular 24px #FFF
Arial regular 20px #FFFArial regular 20px #FFF
[email protected] (standard)[email protected] (standard)[email protected] ([email protected] (standardpremiere)premiere)[email protected][email protected](business premiere)(business premiere)
Arial regular 40px #FFFArial regular 40px #FFF
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
icon_persona2@[email protected]_persona2@[email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
[email protected][email protected]
11 22
3344
55
6677
88
99
1010
1111
1212
1313
1414
11
22
33
44
55
66
77
88
99
1010
1111
1212
1313
1414
13-EMBARKING-DISEMBAR...13-EMBARKING-DISEMBAR... Screenshot NotesScreenshot Notes
14_JOURNEY-LOG14_JOURNEY-LOG Screenshot NotesScreenshot Notes
15_CREW15_CREW Screenshot NotesScreenshot Notes