Styleguide (in Bearbeitung): Unterschied zwischen den Versionen

Aus Wiki openKONSEQUENZ
Wechseln zu: Navigation, Suche
(Farben)
(Farbverläufe)
Zeile 29: Zeile 29:
  
 
====Farbverläufe====
 
====Farbverläufe====
 +
{| class="wikitable"
 +
|-
 +
! Bezeichnung
 +
! Farbe
 +
! CSS
 +
|-
 +
| Streifen Header
 +
| <div style="color:#ffffff; 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); padding: 1px 10px">#79b61c - #0281c4</div>
 +
| <code>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);</code>
 +
|-
 +
| Balken Header
 +
| <div style="color:#000000; 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); padding: 1px 10px">#e8eee7- #e5edf2</div>
 +
| <code>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);</code>
 +
|}
 +
 
====Flächen und Linien====
 
====Flächen und Linien====
 
====Sekundärfarben====
 
====Sekundärfarben====

Version vom 16. Mai 2019, 15:34 Uhr

zurück zur Hauptseite zurück zur Styleguide

In diesem Kapietel werden die allgemeinen Festlegungen beschrieben.

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

Sekundärfarben

Schriftarten

Schriftfamilie

Rahmenabstände

Symbole

technische Vorschläge

Komponenten

Layout

Barrierefreiheit

Internationalisierung

allg. Usability-Richtlinien

allgemeine Festlegungen