Atomic Design

Atomic Design

Atomic design methodology by Donata, Design Enterprise Studio Member, Feb 2021If you read my previous post, you should already know what a design system is and what its benefits are. In this article I will explain the modular approach which is used as foundation of many design systems – the atomic design. Atomic design is a methodology for creating design systems and final products. It consists of atoms, molecules, organisms, templates and finally pages. Flashback to chemistry lectures? Hm, sort of! It’s not as complicated as it may sound though, and some people like to compare this approach to building with Lego blocks. Atoms are the smallest, basic, universal building blocks that can be used to build molecules at the later stage. You can think of them as HTML elements, but atoms can also include foundation elements like colour palettes, fonts, styling or animations. Molecules, like mentioned above, are atoms put together into fundamental units – components that can work on their own. Organisms are grouped...
Read More
Design systems

Design systems

Understanding design systems Hello reader, my name is Donata, I am a current resident of Design Enterprise Studio and a freshly baked UI/UX designer at Newicon. In this blog post, I would like to explain to you what a design system is and what are its benefits in a digital world. This information should be found useful for both new designers/developers applying for jobs in the industry (as design systems are used by many companies already) and businesses, who are not having a design system yet.Design systems have been popular for a while now, but I have never heard about them until recently – or maybe I did, but never quite understood their goal before and simply ignored them... Many world leading brands, like Google, Apple, Spotify, Adobe, or IBM, have made their design systems public sharing their approach and contributing ideas to the digital community. Design systems – what are they? Put simply, a design system is a collection of key elements and...
Read More