Aqua DS is design system for products and digital experiences. The system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

<aside> ℹ️

Now Aqua is an Open Source library, to know more about the reasons, how to implement updates, create a component or whatever additional information about Component Management go to:

</aside>

Aqua Open Source


Foundations

Foundations

Design fundamentals are sets of recommendations for how to apply design principles to provide a positive user experience.

Untitled

Grid

The grid is the foundation for positioning elements onscreen.

Untitled

Tokens

Application of the color palette brings a unified and recognizable consistency

Untitled

Typography

Create clear hierarchies, organize information and guide users.


Components

Components

Components are interactive building blocks for creating a user interface.

Untitled

Actions

When user presses the button, the action is performed (such as submitting the data).

Untitled

Forms

Forms are one of the most important type of interaction for users on the web and in the apps.

Untitled

Feedback

Visual or (and) audio feedback that helps users understand the result of operation.


Patterns

Patterns

Patterns are reusable combinations of components that solve common user problems.

Untitled

Menu

Menu provide access to destinations and app functionality.

Untitled

Filters

Filtering allows users to trim down visible items when working through large data sets.

Untitled

Nav bar

A navigation bar is a view composed of leading and trailing buttons and either a title label or a custom title view.


Products

Products

Some highly complex components that require dedicated documentation for proper understanding and usage.

Untitled

Html Editor

A builder of complex templates through a drag-and-drop node system.