Corporate Identity

Autor:innen
Zugehörigkeit

Cristina Münch

Universität Basel

Nico Görlich

Universität Basel

Moritz Mähr

Universität Basel

Moritz Twente

Universität Basel

Veröffentlichungsdatum

17. April 2023

Mit dem Ziel, eine einheitliche visuelle und inhaltliche Darstellung von Stadt.Geschichte.Basel über alle Medien hinweg zu schaffen, wurden folgende Gestaltungsgrundlagen als Corporate Identity festgelegt.

Schriftarten

Für Überschriften wird die Euclid Circular B von Swiss Typefaces verwendet.

Lauftext ist in Practice von Optimo gesetzt. Als gemeinfreie Alternative kann Crimson Pro verwendet werden.

Als Monospace-Schrift (Code/Technik) wird Source Code Pro verwendet.

while (franz.sitzt(taxi) && taxi.istVerwahrlost()) {
taxi.jagt_durch(“Basel”); }

Auf dem von Stadt.Geschichte.Basel entwickelten Portal und der Forschungsdatenplattform wird für Überschriften und Lauftext durchgehend Euclid Circular B verwendet.

Dokumenttypen & Vorlagen

Das Projekt nutzt einheitliche Formatvorlagen für alle offiziellen Dokumente. Standardisierte Formate sind für Berichte (.docx-Dateien) und Präsentationen (.pptx-Dateien) definiert.

Typografische Elemente

Das Layout folgt festen Strukturvorgaben. In den Formatvorlagen sind folgende Elemente festgesetzt:

  • Titel, Untertitel, Überschriften (H1–H4)
  • Auszeichnungen (kursiv, fett, fett und kursiv, durchgestrichen)
  • Listen (nummeriert und unnummeriert)
  • Links (Standard und externe URLs)
  • Abbildungen mit Bildunterschrift
  • Tabellen mit Legenden
  • Zitate und Bibliografien
  • Monospace für Code oder technische Begriffe

Digitale Umsetzung

Die digitale Umsetzung des einheitlichen visuellen Auftritts basiert auf der Konzeption der Printprodukte, wird aber auf die von Stadt.Geschichte.Basel eingesetzten Toolkits, Frameworks etc. angepasst. Grundsätzlich gilt:

  • Inhalte sind barrierefrei zu gestalten (Inklusive Gestaltung). Der WCAG AA-Standard für barrierefreie Webinhalte wird durchgängig gewährleistet.
  • Digitale Angebote wie das Portal sind nach dem Prinzip Mobile First gestaltet, werden also zunächst für kleine Bildschirme (z.B. Smartphones) konzipiert und anschliessend für grössere Formate umgesetzt.
  • Für Stadt.Geschichte.Basel entwickelte digitale Produkte nutzen Web-Technologien wie Tailwind CSS und Bootstrap, Toolkits mit responsivem Layout und flexibel anpassbaren Farbwerten.
  • Ein Dark Mode für Webangebote ist geplant, aber noch nicht umgesetzt.
Zurück nach oben