Atomic Design System
This system is based largely on the principles of atomic design. The key idea behind this methodology being small, independent - atomic - parts, can be combined into larger molecular structures.
This foundation loosely defined our typography, colours, icons, spacing, navigation and information architecture. We proved essential for guiding our work in a unified direction. Reviewing our collective work at the end of each day, we began to see patterns emerge.
Let’s start with the styles
Styles are one of the key points for a Design System, and this part of the process it can have a massive impact on the complete product for this reason we need to invest our time during this process.
Molecules and Organisms
When I defined the atoms and the style guide, I continued to create molecules and organism that I will use to assemble the fundamentals part of the product and test it if they are working well. An essential part of this process is also to create everything responsive because we will use the same components for Android and iOS devices.
I organized everything into the project so every team member can easily manage to change something or just to use it. Here you can see the force of the Atomic Design and how its functions in the right way.