Was ist ein Styleguide?
Ein Styleguide ist eine strukturierte Darstellung von Gestaltungsgrundlagen. Styleguides gibt es schon länger als das Web. Sie werden benutzt, um das Aussehen von Produkten, Drucksachen oder digitalen Anwendungen dauerhaft festzuhalten.
Ein Styleguide kann aber auch in Verbindung mit einem Designsystem eingesetzt werden. Dabei stellt er quasi das «Schaufenster» eines Geschäfts dar und gibt seinen Besuchern einen Überblick über das gesamte Sortiment an vorhandenen Designelementen – er fungiert sozusagen als «Frontend».
Im Hinterhof (oder «Backend») des Geschäfts befindet sich die Werkstatt. Die Leute, die dort arbeiten, heissen Designer und Entwickler. Sie bauen die Produkte, die im Schaufenster gezeigt werden aus vielen Einzelteilen zusammen. Damit die Produkte nicht unnötig teuer werden, verwenden sie Schablonen und Bausteine, die sie nach gewissen Mustern zusammensetzen.
Was ist der Unterschied zwischen Styleguide, Designsystem und einer Pattern Library?
Ein Designsystem stellt häufig das Fundament für einen Styleguide dar. Wie schon erwähnt, kann man einen Styleguide als visuellen Repräsentanten eines Designsystems ansehen. Enthält ein Styleguide zusätzlich noch eine Bibliothek von vorgefertigten Bausteinen, spricht man bei dieser von einer «Pattern Library».
AtomicKitchen vereint die Vorzüge eines modularen und leicht skalierbaren Designsystems, eines übersichtlichen Styleguides sowie einer praktischen Pattern Library in einer einzigen Lösung.
Dieses auf Wunsch passwortgeschützte System ist 24 Stunden für Sie verfügbar, kann on- wie offline betrieben werden und stellt ihr Design pixelgenau und 100% responsive dar.
Sie können über eine Suche gezielt nach einzelnen Elementen suchen, deren HTML- oder CSS-Code kopieren oder Assets wie Webfonts oder Icons herunterladen. Sogar vollständige Seiten-Templates (mit HTML/CSS und JS) können in den Styleguides zur Verfügung gestellt werden.
Individuelle Erstellung von Stylesguides & Corporate Design Manuals
Als erfahrener Partner im Aufbau von Online Styleguides und Corporate Design Manuals können wir auch Ihrem Unternehmen ein individuelles Designsystem entwickeln, das Ihre Anforderungen präzise erfüllt. Sprechen Sie uns an. Wir zeigen Ihnen gerne, wie Sie AtomicKitchen in Ihren Workflow integrieren können, sei es für einen geplanten Website-Relaunch oder zur Verwaltung Ihrer Corporate-Design-Richtlinien.
Unterstützung beim Aufbau von Designsystemen
