Styleguide
Inhaltsverzeichnis
Farbpalette der Basic design guidelines
Farbpalette der verwendeten Styles
Verwendete Module, Elemente und Widgets
Logos
Farbpalette der Basic design guidelines
100%
C 48 M 80
R 136 G 77 B 147
#884d93
60%
C 29 M 48
R 179 G 148 B 193
#b394c1
40%
C 19 M 32
R 202 G 183 B 216
#cab7d8
100%
C 75 M Y 36
R 98 G 176 B 175
#62b0af
60%
C45 Y22
R 169 G 208 B 208
#a9d0d0
40%
C30 Y15
R 200 G 225 B 224
#c8e1e0
Farbpalette der verwendeten Styles
Name
Farbpalette der Styles
Verwendete Farben
Basic design guidelines
Brand
#895091
#895091
#884D93
Brand Accent
#F1E9F2
#F1E9F2
Brand Alt
#DE96E9
#DE96E9
#b394c1
Brand Alt Accent
#402145
#
Contrast
#211523
#211523
Contrast Accent
#DCC9DE
#DCC9DE
#cab7d8
Base
#FFFFFF
#FFFFFF
Base Accent
#673B6D
#673B6D
Tint
#F8F7F8
#F8F7F8
#62b0af
Border Base
#E2D9E3
#E2D9E3
#
Border Contrast
#613D66
#613D66
#
#3DA6B3
#62b0af
#a9d0d0
#c8e1e0
Typografie
Standard-Text
Schriftart:
Schriftgrösse:
Schriftfarbe:
Design:
Zeilenhöhe:
Margin oben:
Margin unten:
Noto sans TC light
#211523 (Contrast)
Main Body text (10 pt/14 pt line spacing)
Noto sans TC light
ABCDEFGHJKLNO PQSTUVWXYZ
abcdefghjklnopqst uvwxyz
1234567890?!&%
Überschrift H1
Schriftart:
Schriftgrösse:
Schriftfarbe:
Design:
Noto sans TC light
#211523 (Contrast)
Headlines (e.g. 22 pt/25 pt spacing)
colour violett or green
Ubuntu bold
ABCDEFGHJKLNOPQSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890?!&%
Überschrift H2
Schriftart:
Schriftgrösse:
Schriftfarbe:
Design:
Noto sans TC light
#211523 (Contrast)
Subtitles (10 pt/14 pt line spacing)
Noto sans TC bold
ABCDEFGHJKLNO PQSTUVWXYZ
abcdefghjklnopqst uvwxyz
1234567890?!&%
Überschrift H3
Schriftart:
Schriftgrösse:
Schriftfarbe:
Design:
Noto sans TC light
#211523 (Contrast)
Beispieltexte
Aliquam lorem ante,
dapibus in, viverra
Nulla consequat massa quis enim. Donec
fringilla vel, aliquet nec, vulputate eget, arcu. In
enim justo, rhoncus ut, imperdiet a, venenatis
vitae, justo. Nullam dictum felis eu pede mollis
pretium. Integer tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean vulputate
eleifend tellus. Aenean leo ligula, Lorem ipsum
Aliquam lorem ante,
dapibus in, viverra
Nulla consequat massa quis enim. Donec
fringilla vel, aliquet nec, vulputate eget, arcu. In
enim justo, rhoncus ut, imperdiet a, venenatis
vitae, justo. Nullam dictum felis eu pede mollis
pretium. Integer tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean vulputate
eleifend tellus. Aenean leo ligula, Lorem ipsum
Verwendete Module, Elemente und Widgets
Buttons
Hintergrundfarbe
Hover
Schriftart
Design
Schriftfarbe
#62b0af
#a9d0d0
Schriftart
Design
Schriftfarbe
#884D93
#b394c1
Schriftart
Design
Schriftfarbe