Skip to main content


Patterns hero

Patterns are guidelines and best practices that address common user goals by providing reusable combinations of components.

The Case for Patterns

Whether you are a designer or developer, you may find yourself asking questions like:

  • How do I show a user if their input is valid?
  • How do I show a user that their input has been saved?
  • When I start a new screen from scratch how do I structure it?

We already have Components which you can regard as Atlas’ building blocks. But building blocks alone don’t solve these problems listed above.

Patterns are the otherwise missing guidelines towards making decisions that are best for their particular application.

What Patterns Help You With

  • Patterns provide you with examples and guidelines so you can create something new with confidence.
  • Patterns are best practice solutions. You can still modify them to solve a specific problem and to best serve the very application you are working on.
  • If you do not find a component to solve a certain problem, there might be a suitable pattern.

Contribute to the patterns

If you wish to create a new pattern or change an existing one, refer to our Contributing to the Patterns guide.