Skip to main content

Atomic Design System

The BTP Solution Diagram Design Guideline follows the atomic design system approach.

AtomsMoleculesOrganisms
atomsmoleculesorganisms
Atoms are the smallest elements – in this case the basic elements such as colors, line styles, icons, and textMolecules 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.