Welcome to Axis! Anaplan's Design and Experience Language.

We aim to deliver quality, at scope, with speed, always.

Language: What makes up the design architecture of a design system? How does it speak with Content?

Language: Using IA maps, we can explore how we organize and communicate our existing components, and build for the future.

Tools: Setting and establishing foundational elements, using semantic naming and tokens to define color

Tools: Detailed and organized documentation that preemptively answers questions from consumers

Tools: Designer tooling is scalable and helpful, providing a detailed and flexible UI kit.

As of 2022, Axis is migrating to Figma. Using Figma allows us to integrate documentation, tokens, create flexible variants and more.

Tools: Engineer tooling, using React & Sass APIs

Tools: Bespoke Sketch plugin that adds annotation, checks contrast, and syncs with Sketch cloud.

Tools: Detailed spec or "sticker" sheets increase Engineering efficiency and ensure design consistency

From a spec sheet to Storybook

Axis architecture map across Design, Engineering, and Content

Contribution model promotes Axis as a fun and creative safe space to road-test new ideas, promoting collaboration across the team.

Maturity model, Axis falls between "Integrated" and "Distributed" as of 2022