Styleguide (in Bearbeitung): Unterschied zwischen den Versionen
Aus Wiki openKONSEQUENZ
(→Eingabefeld) |
(→Eingabefeld) |
||
Zeile 115: | Zeile 115: | ||
===Standard-Steuerelemente=== | ===Standard-Steuerelemente=== | ||
====Eingabefeld==== | ====Eingabefeld==== | ||
+ | {{StyleguideDisclaimer}} | ||
+ | {{Control | ||
+ | |htmlInputType = text | ||
+ | |name = Eingabefeld | ||
+ | |nameInEnglish = text | ||
+ | }} | ||
+ | ==Darstellung== | ||
+ | ===inaktiv=== | ||
+ | [[Datei:Input.inactive.png|frame|none|inaktives Eingabefeld mit [[Führungstext|Beschriftung]] "Beschreibung*"]] | ||
+ | |||
+ | ===aktiv=== | ||
+ | [[Datei:Input.active.png|frame|none|aktives Eingabefeld mit [[Führungstext|Beschriftung]] "Beschreibung*"]] | ||
==Darstellung== | ==Darstellung== |
Version vom 17. Mai 2019, 14:27 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
aktiv
Darstellung
inaktiv
aktiv
Layout
Barrierefreiheit
Internationalisierung
allg. Usability-Richtlinien
allgemeine Festlegungen