American Express Design Language System

The American Express Design Language System (DLS) is a toolkit not only for Designers and Developers, but for all product teams working on digital products. More than just a style guide and a library of components, the Amex DLS provides rules, guidelines, variations along with coded examples for each individual component.

The Amex DLS has been a driving force of the following:

Speed & Agility: Creating theability to move fast. Designers are now able to deliver comps under tight deadlines due to the Amex DLS. It also allows product teams to quickly prototype, test and learn, and iterate at a much faster speed.

Consistency: Creating a seamless online experience for American Express Card Members as they move between products and services.

Frugal: Creating a new and efficient workstream between Design and Tech to execute and turn around products quicker with less resources.

Example of the American Express redesign using the American Express Design Language System.

Example of a Card Member's authenticated home screen using the American Express Design Language System.