American Airlines Design System

Meet, Aileron

The complete design system and resource library with everything you’ll need to create the digital customer experience.

Stay in sync, build better, create faster

Collection of components and patterns — defined by core principles — that allows for rapid prototypes, shared vocabulary, and reusable code.

Core

The principles that drive our designs

Components

The building blocks we use to solve user problems

Patterns

How we combine components to design interfaces

Content

Our words and how we use them

Resources

UX best practices and documentation

Toolkit

Find the UI components to create your next digital project. Color, usage and layout variations — it’s all here.

Process

Discover how the design system works, connects teams and reduces technical debt.

Help Aileron evolve

We can’t predict all the components you’ll need. But we do predict you’ll have some great ideas. Let’s innovate together, send us your ideas and designs to add to the design system.

Learn how to contribute