Styleguide

GESIS Styleguide

Digital Corporate Design

Der GESIS Styleguide ist die wesentliche Frontend-Ressource, die eine solide Grundlage für alle UX/Ui-Entwicklungen bietet. Er gilt für alle Web- und nativen Anwendungen gleichermaßen. Er integriert alle notwendigen UI-Elemente und stellt sicher, dass die Designs konsistent, effizient und barrierefrei sind. Es bildet die Grundlage für das digitale Erscheinungsbild der gesamten GESIS Außendarstellung. 

Ziele und Prinzipien

  • Konsistenz: Gewährleistung eines konsistenten Designs über alle Anwendungen und Systeme hinweg.
  • Effizienz: Beschleunigung des Entwicklungsprozesses durch Wiederverwendung von Komponenten.
  • Zugänglichkeit: Förderung von Usability und Accessibility, um eine breite Nutzbarkeit zu gewährleisten.

Richtlinien

  • Verbindliche Nutzung: Der Styleguide ist die zentrale, verbindliche Vorgabe für alle Frontend-Entwicklungen.
  • Zentrale Ressourcen: Nutzung des Gesis Web Frontend Frameworks von Webpack mit gesis-web.css und gesis-web.js als Basis für alle Projekte.
  • Weiterentwicklung: Vorschläge und Erweiterungen sind willkommen, werden aber auf Basis von Boostrap integriert.

Digital Corporate Design

The GESIS style guide is the essential front-end resource that provides a solid foundation for all UX/Ui developments. It applies equally to all web and native applications. It integrates all necessary UI elements and ensures that designs are consistent, efficient and accessible. It forms the basis for the digital appearance of the entire GESIS external presentation. 

Goals and principles

  • Consistency: Ensuring a consistent design across all applications and systems.
  • Efficiency: Acceleration of the development process through the reuse of components.
  • Accessibility: Promote usability and accessibility to ensure broad usability.

Guidelines

  • Binding use: The style guide is the central, binding guideline for all front-end developments.
  • Central resources: Use of the Gesis Web Frontend Framework from Webpack with gesis-web.css and gesis-web.js as the basis for all projects.
  • Further development: Suggestions and extensions are welcome, but will be integrated on the basis of Boostrap.