Styleguide Design: Unterschied zwischen den Versionen
Aus Wiki openKONSEQUENZ
(→Symbole) |
Admin (Diskussion | Beiträge) K (1 Version importiert) |
(kein Unterschied)
| |
Aktuelle Version vom 1. Februar 2017, 14:01 Uhr
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.
Inhaltsverzeichnis
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
Rahmenabstände
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 |
