Apsara Design System

Apsara

Apsara is a Design System created to power the projects of the Open DataOps Foundation. It helps manage design at scale and provides a cohesive experience across all data products.

Why use a Design System?

The scale and speed at which data products were growing also required a continuous and faster way of delivering UI screens. Every single product in ODPF have a handful of screens and use cases so to fulfil this gap and other benefits a design system brings to the table we started Apsara.

These are few of the benefits a design system provides:

Provides a cohesive experience across products.
Design and development work can be created quickly.
Reusable components allow the team to focus on more complex problems.

Principles

These are the guiding principles that help us on our journey.

Human

We aim to provide a sense of joy by placing customer needs first. We are committed to solving the right problem in the simplest way possible.

Clear

We aim to provide clarity and focus to our users. No unnecessary element or fancy behaviour to distract a user from what’s important.

Efficient

Time is very precious and we aim to design our system to reuse, collaborate & build efficiently.

Colors

Apsara colors are designed to be clear and accessible available in light and dark themes. It includes a set of custom colors for data representation use case.

Colors are defined as base color like primary, secondary, primary container, error and then there is color defined for content that sits on top of base color like on primary, on secondary, on error etc. This takes care of colors accessibility and maintains high standards.

Light Theme

Dark Theme

Typography

Typography helps present content clearly and efficiently. It brings consistency across products & platforms.

Components

Components are like building blocks, when combined together they make patterns, templates and screens. Every component is designed in a way to provide full flexibility and control to users.

We are working on patterns, templates and elements for data visualisation. Stay tuned and check out the project on Github.