Foundation

Quick start

Here you can find all the abstractions related to our foundation system. The Figma files include all the tokens, assets, and basic rules. On GitHub, we maintain developed foundation headless components, and Storybook showcases these components with examples of code and documentation.

 

Follow the links below to learn more about our foundations:

Figma

Foundation rules

and basis designs

Learn more →

Github

Foundation components

in code

Learn more →

Storybook

Web Foundation

RN Foundation

Basic rules for design

Our designs are connected to the Foundation Libraries, which include Colors, Icons, Headless Components, Transparency, and Numbers. Essentially, you don’t need to work with them directly. We manage these libraries and can make changes, as edits in the foundation libraries may influence all product designs.

 

You can familiarize yourself with them by following the links:

Libraries and assets

Foundation tokens

Storage of color semantic & typography

Explore

Components

Headless components which lays at the basis of product components

Explore

Common assets

Icons, illustrations & other assets

Explore