What is the Aqqo Design System?

The Aqqo Design System is comprised of design tokens and the Aqqo Component Library. The tokens define foundations like color, typography, and spacing. The Component Library offers a collection of reusable components that can be used to build Aqqo products efficiently and consistently.

Atomic Design Methodology

Our design system follows the Atomic Design methodology, which breaks down the design process into five distinct stages: atoms, molecules, organisms, templates, and pages. Atoms are the smallest building blocks, such as buttons and input fields. These combine to form molecules, like a search bar with an input field and button. Molecules group into organisms, which are more complex components like a navigation bar. Templates are frameworks that define the structure of pages, and finally, pages are the completed interfaces ready for user interaction.

Why document the Aqqo Design System?

We observed discrepancies in component usage and visual foundations across products. This documentation serves as a single source of truth for the Aqqo Design System, ensuring uniformity and consistency in tokens and components across all products. By adhering to the Atomic Design methodology, we maintain a scalable and systematic approach to building user interfaces, promoting consistency and efficiency throughout the development process.