
Delorean
Title
Uber ATG Delorean
Autonomous Design System
ATG . UI
Role
Product Design Lead
Art Director
Motion Designer
Illustrator
Delorean
ATG Tools Suite
Delorean is a kit of reusable parts for the ATG Tools Suite. It enables flexible autonomy development with consistent design patterns and established interaction principles. Delorean is a cross-disciplinary effort across Engineering, Product, and Design to create a design system for our ATG tool suite.
Core Principles
Human
Modular
Inclusive
Human
We simplify our design system and create human centered design documentation for guidance.
Inclusive
To support the uniqueness of our teammates we make all of our tools accessible to everyone.
Modular
Design assets that are scalable to surface autonomous data and to solve essential design problems.

Framework
The core of our system is made up of typography, colors, icons, containers, lines and motion. All of which when combined, creates ATG’s User Interface.






Structure
Element are atomic building blocks used to create all components. Components are reusable, single-function parts within our kit. Compositions are combinations of components that enable users to perform specific tasks. Experiences are the combinations of everything else in the system into workspaces for completing complex workflows.




Layout
Creates consistency across platforms by unifying elements and spacing.
Side Bar
Displayed outside of the contents grid. It contains menu, functional panels and filters that may varies depends on the purpose of ATG applications.
Top Bar
A full-width element that provides access to
navigation and settings
Navigation
Measurement

Elevation
Determines the level of information and suggest spatial relationship between components to guide user actions.
Color
+
Data Viz
The color palette for Data visualization is orchestrated to improve the hierarchy, accessibility and visual delight for ATG products.




Version 1.0
This manual will ensure consistency in design and user interface experience

Credits
Peter Bentley
Nastasha Tan
Yeawon Kim
Jon Larkin