The Asigra Design System build and maintained as single source of truth, living, organic document that is the foundation of design and development principles for our in-market products. This system is a congruent component representation of the Design-Dev-Market products offered.
Atomic Design System Methodology
Atomic design is a methodology composed of five distinct stages working together to create more deliberate and hierarchically structured interface design systems. The five stages of atomic design are: Atoms (colour, typography, icons) Molecules (buttons, form elements, etc.) Organisms (navigation, menus, tables) Templates (common page elements - navigation with company and profile dropdown) Pages (standard page templates typically flow specific)
Atomic Design System Methodology
Atomic design is a methodology composed of five distinct stages working together to create more deliberate and hierarchically structured interface design systems. The five stages of atomic design are: Atoms (colour, typography, icons) Molecules (buttons, form elements, etc.) Organisms (navigation, menus, tables) Templates (common page elements - navigation with company and profile dropdown) Pages (standard page templates typically flow specific)
Atoms are the foundational UI elements such as buttons, inputs, and labels that serve as the building blocks of a design system.
Molecules are simple combinations of atoms that function together, like a search form with a label, input field, and button.
Organisms are more complex components made up of groups of molecules and atoms, such as menus and modals, and provide reusable, scalable patterns in interface design.
