Styleguide (in Bearbeitung): Unterschied zwischen den Versionen
Aus Wiki openKONSEQUENZ
(→Flächen und Linien) |
(→Sekundärfarben) |
||
| Zeile 67: | Zeile 67: | ||
====Sekundärfarben==== | ====Sekundärfarben==== | ||
| + | {| class="wikitable" | ||
| + | |- | ||
| + | ! Bezeichnung | ||
| + | ! Farbe | ||
| + | |- | ||
| + | | Warning | ||
| + | | <div style="color:#000000; background:#ffb200; padding: 1px 10px">#ffb200</div> | ||
| + | |- | ||
| + | | Danger | ||
| + | | <div style="color:#ffffff; background:#990000; padding: 1px 10px">#990000</div> | ||
| + | |- | ||
| + | | Disabled | ||
| + | | <div style="color:#ffffff; background:#567d96; padding: 1px 10px">#567d96</div> | ||
| + | |} | ||
===Schriftarten=== | ===Schriftarten=== | ||
Version vom 16. Mai 2019, 15:35 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
Rahmenabstände
Symbole
technische Vorschläge
Komponenten
Layout
Barrierefreiheit
Internationalisierung
allg. Usability-Richtlinien
allgemeine Festlegungen
