Styleguide (in Bearbeitung): Unterschied zwischen den Versionen
Aus Wiki openKONSEQUENZ
(→Komponenten) |
|||
Zeile 113: | Zeile 113: | ||
===technische Vorschläge=== | ===technische Vorschläge=== | ||
=Komponenten= | =Komponenten= | ||
− | ==Standard-Steuerelemente== | + | ===Standard-Steuerelemente=== |
*[[Eingabefeld|Eingabefeld (text)]] | *[[Eingabefeld|Eingabefeld (text)]] | ||
*[[Führungstext|Führungstext (label)]] | *[[Führungstext|Führungstext (label)]] |
Version vom 17. Mai 2019, 14:18 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 (text)
- Führungstext (label)
- Schaltfläche (button)
- Auswahl (check-box)
- Optionsfeld (radio-button)
- Dropdown-Liste (drop-down list)
- Kalender (calendar)
Layout
Barrierefreiheit
Internationalisierung
allg. Usability-Richtlinien
allgemeine Festlegungen