Styleguide (in Bearbeitung): Unterschied zwischen den Versionen
Aus Wiki openKONSEQUENZ
(→Eingabefeld) |
(→Darstellung) |
||
| Zeile 127: | Zeile 127: | ||
===aktiv=== | ===aktiv=== | ||
[[Datei:Input.active.png|frame|none|aktives Eingabefeld mit [[Führungstext|Beschriftung]] "Beschreibung*"]] | [[Datei:Input.active.png|frame|none|aktives Eingabefeld mit [[Führungstext|Beschriftung]] "Beschreibung*"]] | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
=Layout= | =Layout= | ||
Version vom 17. Mai 2019, 13:25 Uhr
zurück zur Hauptseite zurück zur Styleguide
In diesem Kapietel werden die allgemeinen Festlegungen beschrieben.
Inhaltsverzeichnis
Design
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 |
technische Vorschläge
Komponenten
Standard-Steuerelemente
Eingabefeld
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.
Eingabefeld
| englische Bezeichnung: | text |
| HTML: | input type="text" |
Darstellung
inaktiv
inaktives Eingabefeld mit Beschriftung "Beschreibung*"
aktiv
aktives Eingabefeld mit Beschriftung "Beschreibung*"
Layout
Barrierefreiheit
Internationalisierung
allg. Usability-Richtlinien
allgemeine Festlegungen
