Eurostar tm app style guide

Preview:

DESCRIPTION

test

Citation preview

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)

BackGroundBackGroundPatern_Port-BG_LOGIN-H@2x.pngPatern_Port-BG_LOGIN-H@2x.png

Background: Patern_Port-BG_LOGIN-Background: Patern_Port-BG_LOGIN-V@2x.pngV@2x.png

background button: button2@x.pngbackground button: button2@x.pngFont: 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: Pattern_LandS-BG_SYNC-H@2x.pngBG_SYNC-H@2x.png

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@2x.pngYELLOW-H@2x.png

2-login_LogoEurostar@2x.png2-login_LogoEurostar@2x.png

Patern_Port-BG_SIMPLE-YELLOw-Patern_Port-BG_SIMPLE-YELLOw-V@2x.pngV@2x.png

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

daily_order@2x.pngdaily_order@2x.png

daily_order1@2x.pngdaily_order1@2x.png

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 selected5-Menu_Cell-selected@2x.png5-Menu_Cell-selected@2x.pngnow when unselectednow when unselected5-Menu_Cell-unselected@2x.png5-Menu_Cell-unselected@2x.png

5-Menu_PanelSideBarBG@2x.png5-Menu_PanelSideBarBG@2x.png

5-Menu_SubMenuBG@2x.png5-Menu_SubMenuBG@2x.png

0-TopBar_BG@2x.png0-TopBar_BG@2x.png

0-Button_Back@2x.png0-Button_Back@2x.png

0-Button_sync-icon@2x.png0-Button_sync-icon@2x.png

0-Button_map-icon@2x.png0-Button_map-icon@2x.png

0-Button_search-icon@2x.png0-Button_search-icon@2x.png

0-Button_people-icon@2x.png0-Button_people-icon@2x.png

While it is Syncing..While it is Syncing..loading1.gifloading1.gif

loading1.gif loading1.gif By Laurent VernetBy Laurent Vernet

5-Menu_Arrow@2x.png5-Menu_Arrow@2x.png

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

icon_train-uk-horiz@2x.pngicon_train-uk-horiz@2x.png

icon_coach-standard-horiz@2x.pngicon_coach-standard-horiz@2x.png

restaurant_bg@2x.pngrestaurant_bg@2x.pngrestaurant@2x.pngrestaurant@2x.png

icon_coach-S-selected@2x.pngicon_coach-S-selected@2x.png

icon_coach-SP-selected@2x.pngicon_coach-SP-selected@2x.png

icon_coach-BP-selected-vert@2x.pngicon_coach-BP-selected-vert@2x.png

icon_coach-business-premier-icon_coach-business-premier-hori@2x.pnghori@2x.png

icon_coach-standard-premier-icon_coach-standard-premier-vert@2x.pngvert@2x.png

icon_train-continent-horiz@2x.pngicon_train-continent-horiz@2x.png

icon_persona@2x.pngicon_persona@2x.png

icon_persona_selected@2x.pngicon_persona_selected@2x.png

button_white@2x.pngbutton_white@2x.png

bg_seating_plan_horiz@2x.pngbg_seating_plan_horiz@2x.png

icon_seat_available@2x.pngicon_seat_available@2x.png

icon_seat_partially-available@2x.pngicon_seat_partially-available@2x.png

icon_seat_partially-available-icon_seat_partially-available-selected@2x.pngselected@2x.pngicon_seat_available-selected@2x.pngicon_seat_available-selected@2x.pngicon_seat-unavailable-icon_seat-unavailable-seleceted@2x.pngseleceted@2x.png

Arial Regular #252525 30pxArial Regular #252525 30px

Arial Regular #252525 30pxArial Regular #252525 30px

Arial Regular #252525 48pxArial Regular #252525 48px

icon_train-continent-vert@2x.pngicon_train-continent-vert@2x.png

icon_train-uk-vert@2x.pngicon_train-uk-vert@2x.png

....

....

icon_coach-business-premier-icon_coach-business-premier-vert@2x.pngvert@2x.png

icon_coach-standard-vert@2x.pngicon_coach-standard-vert@2x.png

bg_seating_plan_vert@2x.pngbg_seating_plan_vert@2x.png

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 26pxpop_up-button_green@2x.pngpop_up-button_green@2x.png

Arial Reglar #FFF 26pxArial Reglar #FFF 26pxpop_up-button_grey@2x.pngpop_up-button_grey@2x.png

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

icon_topcorner_S@2x.png (standard)icon_topcorner_S@2x.png (standard)icon_topcorner_SP@2x.png (standardicon_topcorner_SP@2x.png (standardpremiere)premiere)icon_topcorner_bp@2x.pngicon_topcorner_bp@2x.png(business premiere)(business premiere)

Arial regular 40px #FFFArial regular 40px #FFF

icon_available-seat@2x.pngicon_available-seat@2x.png

icon_unavailable-seat@2x.pngicon_unavailable-seat@2x.png

icon_partially-available-seat@2x.pngicon_partially-available-seat@2x.png

icon_persona2@x_white@2x.pngicon_persona2@x_white@2x.png

icon_star@2x.pngicon_star@2x.png

icon_star@2x.pngicon_star@2x.png

icon_assistance@2x.pngicon_assistance@2x.png

icon_luggage@2x.pngicon_luggage@2x.png

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