Relias | Molecules | Fields
If yesterday we introduced you to the atoms, the most elemental building blocks of design, today we invite you to explore the next level — the molecules.
Molecules represent the seamless fusion of atomic elements, such as buttons, input fields, and labels. These combinations give rise to more intricate and self-contained components like search bars, form groups, or card elements. Serving as practical and reusable solutions, molecules address common design patterns within a project. Their ability to encapsulate related elements and interactions ensures consistency and efficiency, empowering designers and developers to construct higher-level components and maintain a cohesive user interface throughout the system.
To discover the complete spectrum of organisms, templates, and pages within Relias' Design System, we invite you to explore the full case study here: