Code
Component

Title

Uber ATG
Delorean Code Component

Role

Branding
Art Direction
Interactive Design
Motion

Code Library

Working at scale, increasing consistency and efficiency are the biggest benefits to creating and using a design system.

Components - Home.png

Code Components - Buttons3K.jpg

Components - Buttons Props.png

Components - Button Specs.png

Components - Button Usage.png

Delorean
Component Library

Code

Syntax
Highlighting

Color Palette

Tokens
Code Blocks
Line Highlights
Inline Code

Cover Code Light.png

Code Component00.jpg

Code Component01.jpg

Code Component02.jpg

Code Component03.jpg

Code Component04.jpg

Code Component05.jpg

Code Component06.jpg

Code Component07.jpg

Code Component08.jpg

Code Component09.jpg

Code Component10.jpg

Code Component11.jpg

Code Component12.jpg

Code Component13.jpg

Code Component14.jpg

Code Component15.jpg

Code Component16.jpg

Code Component17.jpg

Code Component18.jpg

Components - Button Usage.png

Credits

ATG Engineering

Library

S2.ID