Designsystem
Ein Designsystem ist ein gemeinsamer Satz wiederverwendbarer Komponenten, Stile und Regeln, etwa Farben, Typografie, Abstände, Buttons und Sections, der eine Website oder ein Produkt beim Wachsen einheitlich hält.
Auf einer Website lebt das Designsystem meist direkt im Build-Tool. In Framer heisst das: Farb- und Textstile, Komponenten und eine Bibliothek von Sections, die Teams zu neuen Seiten kombinieren.
Warum es wichtig ist
Neue Seiten gehen schneller live, weil Teams bewährte Sections wiederverwenden.
Die Marke sieht überall gleich aus.
Marketing-Teams können Seiten bauen, ohne das Design zu brechen.
Ein Designsystem ist enger gefasst als ein Brand System: Das Brand System definiert die Identität, das Designsystem macht daraus wiederverwendbare Bausteine. Das Team von Gather baut Seiten heute mit einer modularen Section-Library; siehe Case Study Gather.
FAQ
Was ist der Unterschied zwischen Designsystem und Styleguide?
Ein Styleguide dokumentiert Regeln. Ein Designsystem enthält zusätzlich die funktionierenden Komponenten und Sections, mit denen Teams bauen.
Braucht eine kleine Website ein Designsystem?
Ein schlankes, ja: Gemeinsame Stile und Komponenten sparen bei jeder neuen Seite Zeit.
Verwandte Begriffe
Brand System
Ein Brand System ist das vollständige Set an Elementen, das definiert, wie eine Marke aussieht und klingt, inklusive Logo, Farben, Typografie, Bildwelt, Motion, Tonalität und Regeln für deren Einsatz auf Website, Produkt und Marketing.
Marketing-Website
Eine Marketing-Website ist die öffentliche Website eines Unternehmens, die erklärt, was es anbietet, Vertrauen aufbaut und Besucher zu Leads, Anmeldungen oder Käufen macht, im Gegensatz zum Produkt oder zur App selbst.
Framer
Framer ist ein visueller Website-Builder und ein Design-Tool, mit dem man Websites ohne handgeschriebenen Code erstellt, hostet und verwaltet, mit integriertem CMS, Lokalisierung, Animationen und Hosting.
Passend bei Trueform:
