Styleguide Design

Dieses Wiki ist im Rahmen des Projektes "Erstellung eines Styleguide-Leitfadens für openKONSEQUENZ" entstanden. Ziel war es, eine Vorlage für eine flexibel anpassbare und erweiterbare Dokumentation zu schaffen, die den Anforderungen des agilen Vorgehens in oK gerecht wird.

Das hier verwendete Wiki stellt, zusammen mit der erstellten Struktur und den beschriebenen Inhalten, eine Basis für die Entwicklung eines Styleguides und für die kollaborative Zusammenarbeit dar.

In einem vorherigen Projekt sind bereits Definitionen für einen ok-Styleguide entstanden. Diese sind bis zur vollständigen Migration weiterhin zu berücksichtigen!

Farben

Hauptfarben

Bezeichnung	Farbe
Primary	#003a5f
Success	#80b300
Info	#0080c0
Default	#ffffff
Text	#333333

Farbverläufe

Bezeichnung	Farbe	CSS
Streifen Header	#79b61c - #0281c4	background: linear-gradient(to right, rgba(121, 182, 28, 1) 0%, rgba(2, 129, 196, 1) 75%) repeat scroll 0 0 rgba(0, 0, 0, 0);
Balken Header	#e8eee7- #e5edf2	background: linear-gradient(to right, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%) repeat scroll 0 0 rgba(0, 0, 0, 0);

Flächen und Linien

Bezeichnung	Farbe
Hintergrund	#f8fafd
Flächen/Tabellen	#f5f8fc
Hervorhebung/Eingabefelder/Tabellenzeilen	#e9f0f9
Linien	#ccdbe6
Umrandung Formularfelder	#b7cbda

Sekundärfarben

Bezeichnung	Farbe
Warning	#ffb200
Danger	#990000
Disabled	#567d96

Schriftarten

Schriftfamilie

Source Sans Pro

Download-Link

WebFont-Link

Symbole

In diesem Abschnitt werden allgemeine Bedien- und Status-Symbole beschrieben. Um ein einheitliches Aussehen der oK-Module sicherzustellen, sollen diese anwendungsübergreifend verwendet werden.

Symbol	Bezeichnung
	Filter
	Menü
	Suche
	Warnung