Transport Design

Concept

This is a 'dark design' that follows the 'Material Design' guidelines and provides templates and layouts useful for working with maps, routes, and destinations.

This design does not support Dark Mode, as it is meant to be always dark.

Default configuration

This design uses by default the following configuration:

  • Color palette: Red; Dark style
  • Home: Maps with tabs; No application bar; Onboarding is enabled
  • Menu: No menu
  • Security: Login with dark transparency: Register with logo
  • Fields design: Labels position is Platform Default; Data sections boxing Flat; Edit fields with underline

Samples

A mobile app 'Map' screen shows a city map with location pins and a bottom filter panel (From 8:00 AM to 6:00 PM, Price per class and Price per month checked, location (None)) above a red 'FIND' button, with a bottom navigation bar showing Home, History, and Settings tabs, Home highlighted.      A mobile app account/settings screen shows a red header with 'Hi, Jane Waters', a profile avatar placeholder, LOGIN and REGISTER pill buttons, a settings gear icon, Favourites and Contact us links, and a dark menu list with Products, Warehouse, Logistics, Addresses, and Payments rows, plus a bottom Home/History/Settings navigation bar with Settings highlighted.   

A mobile app ride history screen lists trip entries with car icons: Saturday 21:30 Down town $120, Friday 8:30 Work $220, Tuesday 17:00 Home $75, and Monday 7:30 Gym $60, each with a chevron, above a bottom Home/History/Settings navigation bar with History highlighted.      A mobile app 'Navigation' screen shows a Google Maps route line traced across city streets near landmarks such as Espacio Ciencia LATU, Camara de Industrias del Uruguay, McDonald's, and Parque Infantil, with a red 'GO' button fixed at the bottom.