American Express Design Language System
The American Express Design Language System is a collection of our style guidelines, re-useable components, and the code that supports them. By using the DLS, we create a cohesive, responsive, consistent experience across all digital channels and platforms. The result reflects our unique brand voice and helps our design and development teams become more efficient.
Why use the DLS?
Single Source of Truth
When designers concentrate on a particular area or platform, it can lead to fragmented design across the entire experience. The DLS is their source for consistent style across all devices, platforms, and features.
Efficiency and Scalability
The DLS enables teams to create products faster by making design reusable and scalable. By providing libraries and code, and standardizing naming conventions, the DLS helps teams save time and prevent errors.
Brand Reinforcement
The DLS team works within branding guidelines to make sure our customers experience the right style and tone across all platforms, reinforcing their trust in the American Express brand.
Built-in Accessibility
We’ve tested our colors, icons, and components to conform to accessibility standards, and we’ve included important guidelines and tips in the DLS.
Where the DLS and Brand Meet
Contact the DLS Team
Internal Slack communication: #one-amex_news for announcements and notifications; #dls-design for design; #dls-tech for engineering
Email: DLS@aexp.com