Atoms

The smallest building blocks of our UI

Atoms are the most fundamental, indivisible UI components in our design system.
They form the foundation for more complex components (such as molecules and organisms) and define the core visual and functional vocabulary of our digital products.

Typical examples include buttons, labels, input fields, or icons – elements that can stand alone or be flexibly combined into more elaborate patterns.

You can explore the visual details and usage of each component in our Figma atoms library.