Aus der Perspektive des Corporate Design geht es darum, wie Technologie und visuelle Identität zusammenkommen, um nachhaltige Qualität zu gewährleisten. Unsere Richtlinien definieren einen klaren, zweigleisigen Ansatz, der den Weg für konsistente digitale Projekte ebnet.

1. Primäre Vorgehensweise: Webpack & Styleguide

Ein zentral gesteuertes System, das auf einem maßgeschneiderten Webpackage und einem genau dokumentierten Styleguide basiert. Diese Grundlage ermöglicht:

• Zentrale Steuerung:
  Alle digitalen Projekte müssen dem bereitgestellten Webpack-Build und dem dokumentierten Styleguide entsprechen. Dadurch entsteht ein konsistentes Frontend.
• Strikte Einhaltung der Syntax:
  Die Einhaltung der vorgegebenen Syntaxregeln ist obligatorisch. Dadurch wird sichergestellt, dass der Code konsistent und wartungsfreundlich bleibt - eine Voraussetzung für langfristige Stabilität.
• Standard statt Eigenbau:
  Eigene Frameworks oder individuelle CSS-Lösungen werden explizit nicht unterstützt. Der Fokus liegt auf einem zentral gesteuerten und standardisierten Vorgehen, um Designabweichungen zu vermeiden.
• Zukunftssicherheit und Effizienz:
  Alle Designänderungen werden zentral vorgenommen. Das bedeutet, dass Anpassungen im Frontend nicht das Backend belasten - ein entscheidender Vorteil, wenn es um schnelle Updates und kontinuierliche Weiterentwicklung geht.
• Dokumentation und Beispiele:
  Ausführliche Dokumentation und Code-Beispiele sind integraler Bestandteil. Sie dienen als Referenz und stellen sicher, dass jede Implementierung exakt den GESIS-Standards entspricht.

Weiterführende Ressourcen:

Webpack-Dokumentation, Styleguide Dokumentation

2. Alternative Lösung: Bootstrap-Basis

Nicht jedes System lässt sich nahtlos in die Webpack-Pipeline integrieren. Für solche Sonderfälle bieten wir Definitionen für die Verwendung mit Bootstrap als Basis an.

• Fallback-Strategie:
  Wird die Webpack-Pipeline nicht unterstützt, kommt die Bootstrap-Basis zum Einsatz - immer mit dem Ziel, ein identisches Erscheinungsbild zu erreichen.
• Vordefinierte Parameter:
  Durch die Übergabe von vordefinierten Parametern wird sichergestellt, dass auch diese Alternative den GESIS Designstandards entspricht.
• Einschränkungen:
  Manuelle Nachbesserungen und mögliche Anpassungen bei zukünftigen Weiterentwicklungen lassen sich nicht vermeiden. Daher gilt: Bootstrap ist eine Ausnahmelösung, keine dauerhafte Alternative.
• Langfristiges Ziel:
  Priorität hat die Migration aller Systeme auf die primäre Webpack-Lösung, um eine zentrale Steuerung und konsistente Updates zu gewährleisten.

Weiterführende Ressourcen:

Bootstrap-Dokumentation, Integrationstipps für bestehende System