Styleguide

Farben / Colors

Primärfarbe / Primary color

Lightblue

100%
var: --gs--color--gs-lightblue
65%
var: --gs--color--gs-lightblue--65
40%
var: --gs--color--gs-lightblue--40
25%
var: --gs--color--gs-lightblue--25
14%
var: --gs--color--gs-lightblue--14

Interaktionsfarbe / Interaction color

Pink

100%
var: --gs--color--gs-pink
65%
var: --gs--color--gs-pink--65
40%
var: --gs--color--gs-pink--40
25%
var: --gs--color--gs-pink--25
14%
var: --gs--color--gs-pink--14

Sekundärfarbe / Secondary color

Darkblue

100%
var: --gs--color--gs-darkblue
65%
var: --gs--color--gs-darkblue--65
40%
var: --gs--color--gs-darkblue--40
25%
var: --gs--color--gs-darkblue--25
14%
var: --gs--color--gs-darkblue--14

Sekundärfarbe/ Secondary color

Berry

100%
var: --gs--color--gs-berry
65%
var: --gs--color--gs-berry--65
40%
var: --gs--color--gs-berry--40
25%
var: --gs--color--gs-berry--25
14%
var: --gs--color--gs-berry--14

Farbkombination und Mengenverhältnis / Color combination and quantity ratio

Primäre Variante

CSS variables & Color values