Was ist Atomic Design?

Atomic Design ist ein Ansatz im Webdesign zur Gestaltung und Aufbau von Webseiten, welches ähnlich wie chemische Elemente aufgebaut ist. Dabei ist das Atom der kleinste Bestandteil des Designs (Bsp.: HTML-Tag oder Font). Ein Molekül setzt sich aus mehreren Atomen zusammen, die im Zusammenschluss eine Aufgabe lösen können (Bsp.: HTML-Formular). Der nächst größere Bestandteil ist der Organismus. Bestehend aus Molekülen ergibt dieser beispielsweise ein Seitenheader oder -footer. Die Organismen ergeben zusammen ein Template. Alle Templates zusammen ergeben dann die eigentliche Page (Webseite).