Atomic Design System
The BTP Solution Diagram Design Guideline follows the atomic design system approach.
Atoms | Molecules | Organisms |
---|---|---|
Atoms are the smallest elements – in this case the basic elements such as colors, line styles, icons, and text | Molecules are elements that consist of atoms. A Molecule refers to any element that uses the basic colors and lines, for example, an arrow that is red and dashed. | Organisms are groups of Molecules. This could be grouped elements such as a typical shape with text and connectors, or even a whole diagram. |