Benutzer-Werkzeuge

Webseiten-Werkzeuge


oeffentlichkeitsarbeit:corporate_design

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.


oeffentlichkeitsarbeit:corporate_design [2021/01/25 20:14] (aktuell) – angelegt - Externe Bearbeitung 127.0.0.1
Zeile 1: Zeile 1:
 +====== Corporate Design ======
  
 +===== Logo =====
 +{{:cw-logo-solid.svg.png?100|}}
 +  * Offiziell: Schwarz auf weißem Grund
 +  * Kann für interne Zwecke invertiert werden
 +  * Kann für interne Zwecke auch einen transparenten Hintergrund haben
 +  * Schriftzug "COMPUTERWERK" mit Zeilenumbruch zwischen "Computer" und "Werk" in der Schriftart OCR-font
 +  * Fünf Leiterbahnen
 +
 +===== Leiterbahnen =====
 +Im Computerwerklogo sind fünf abstrahierte Leiterbahnen dargestellt. Eine Leiterbahn besteht aus einem Kreis, der mit einer Linie verbunden ist.
 +Die Leiterbahnen im Logo werden nicht verändert.
 +In anderen Kontexten können sie als gestalterisches Element verwendet werden, z.B. als Listenunterpunkte oder zum Separieren von Textabschnitten.
 +
 +===== Schriften =====
 +Die Standardschriftart, die im Computerwerk verwendet wird ist [[https://en.wikipedia.org/wiki/Cantarell_%28typeface%29|Cantarell]].
 +
 +===== QR-Codes =====
 +Die meisten Apps können nur QR-Codes mit dunklen Linien auf hellem Grund lesen, es sollte also bei der Farbwahl darauf geachtet werden einen hellen Rahmen einzufügen, falls der Plakathintergrund dunkel ist und die Linien in der Hintergrundfarbe zu zeichnen.
 +
 +===== Dokumente =====
 +Dokumente für die Kommunikation nach außen (Briefpapier, Satzung,...) sollten so gestaltet werden, dass sie möglichst preiswert und umweltschonend gedruckt werden können. Deshalb verwenden wir für Dokumente und Drucksachen auf Papier dunkle Schrift auf weißem Grund.
 +
 +===== Applikationen =====
 +In Gtk+3 ist es möglich, GUIs mit CSS zu stylen. Da sich selbstdesignte Anwendungen unter Umständen schlecht in das Look and Feel des Systems integrieren, belassen wir UI-Anwendungen im Standarddesign des Systems.
 +
 +==== Systemtools ====
 +GUI-basierte Systemapplikationen, wie z.B. das [[digitaleinfrastruktur:softwareentwicklung:hdd-tool]], sind in dunklen Grautönen mit weißer Schrift und cyanfarbigen Akzenten zu halten. Bei Terminalapplikationen ist die Einhaltung von Farbschemata nicht zwingend notwendig.
 +
 +
 +===== Web =====
 +==== WWW (extern) ====
 +
 +=== cw-styles-light ===
 +WIP
 +
 +==== VPN (intern) ====
 +Webapps, die im VPN liegen, sollten mit cw-styles-dark gebaut werden.
 +
 +=== cw-styles-dark ===
 +Ein CSS-framework für das dunkle Design befindet sich im [[https://git.6502.me/eichkat3r/cw-styles-dark|gitlab]]. Mit dem Kommando
 +
 +''git submodule add https://git.computerwerk.hg.tu-darmstadt.de/eichkat3r/cw-styles-dark''
 +
 +kann das Design-Repo in einem bestehenden git-repository als Submodul hinzugefügt werden. Dadurch bleibt das CSS immer auf dem neusten Stand. Mehr Informationen über submodules lassen sich der [[https://git-scm.com/book/en/v2/Git-Tools-Submodules|git Dokumentation]] entnehmen.