The Audi UI design system covers Audi.com, the vehicle configurator, the myAudi portal, and in-vehicle MMI screens, built around a premium, restrained visual language: wide negative space, monochrome with a red accent, and the AudiType typeface as a load-bearing brand element.
It's strongest in a rare category: in-vehicle interface guidance, addressing driver attention and glance-time constraints that a typical web or app design system never has to consider.
Designers curious how a luxury automotive brand extends one visual language across a website, a car configurator, and a physical dashboard screen.
Component implementations are shared with agency partners under license, so treat this as a reference for the visual language rather than an open kit to install.
Audi's design framework for its responsive websites and service applications.
