Projekte/Style Guide: Unterschied zwischen den Versionen

keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(3 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 161: Zeile 161:
== Kreativpalette ("Creative-Palette") ==
== Kreativpalette ("Creative-Palette") ==
Die 11 Farben der Kreativpalette leiten sich aus Farbgebungen ab, die von Wiki-Communities auf der ganzen Welt häufig verwendet werden und wurden mit den [https://meta.wikimedia.org/wiki/Wikipedia_20/Resources Wikipedia20]-Geburtstagsfarben ergänzt. Diese Farbpalette ergänzt die Ursprungs- und Kernpalette um bei Bedarf mehr Flexibilität in Gestaltungsmöglichkeiten zu bieten. Die Farben Rot, Blau und Grün der Kreativpalette unterscheiden sich leicht von jenen der Ursprungspalette, da sie für die Barrierefreiheit Konformitätsstufe AA angepasst sind.
Die 11 Farben der Kreativpalette leiten sich aus Farbgebungen ab, die von Wiki-Communities auf der ganzen Welt häufig verwendet werden und wurden mit den [https://meta.wikimedia.org/wiki/Wikipedia_20/Resources Wikipedia20]-Geburtstagsfarben ergänzt. Diese Farbpalette ergänzt die Ursprungs- und Kernpalette um bei Bedarf mehr Flexibilität in Gestaltungsmöglichkeiten zu bieten. Die Farben Rot, Blau und Grün der Kreativpalette unterscheiden sich leicht von jenen der Ursprungspalette, da sie für die Barrierefreiheit Konformitätsstufe AA angepasst sind.
'''Barrierefreiheit Farbkombinationen'''
Im Sinne der Barrierefreiheit wird empfohlen, auf eine ''gemeinsame Verwendung der 11 kräftigen und 11 hellen Farbtöne der Kreativpalette'' in Kombination für Hintergrund und Text zu vermeiden sowie bei der Verwendung von weiß und schwarz als Schriftfarben auf Lesbarkeit zu achten um ausreichenden Kontrast für eine gute Lesbarkeit zu erreichen.
Zur Demonstration haben wir Schriftbeispiele in weiß und schwarz über die Farbfelder gesetzt.


=== Dunkle Farben ===
=== Dunkle Farben ===
Zeile 265: Zeile 271:


<div style="padding:10px>
<div style="padding:10px>
'''<s>(Blau, Schrift schwarz)’’’</s>'''
'''<s>(Blau, Schrift schwarz)</s>'''
</div></div><div style="padding:10px; width: auto; margin-left: auto; margin-right: auto; line-height:1.5em">
</div></div><div style="padding:10px; width: auto; margin-left: auto; margin-right: auto; line-height:1.5em">
&#35;0E65C0<br>
&#35;0E65C0<br>
Zeile 488: Zeile 494:
= Präsentationsvorlage =
= Präsentationsvorlage =
Auf Basis des hier vorgestellten Ccorporate Designs gibt es auch eine [https://docs.google.com/presentation/d/1bWuRGgn5ZU7zl5V2kOVwUp1q-81xdbYH-0yd-21JaWM/edit#slide=id.g1067b254598_0_230 Präsentationsvorlage], die für Vorträge etc verwendet werden kann.
Auf Basis des hier vorgestellten Ccorporate Designs gibt es auch eine [https://docs.google.com/presentation/d/1bWuRGgn5ZU7zl5V2kOVwUp1q-81xdbYH-0yd-21JaWM/edit#slide=id.g1067b254598_0_230 Präsentationsvorlage], die für Vorträge etc verwendet werden kann.
= Siehe auch =
* [[Projekte/Kalender-Symbole]]
[[Kategorie:Verein]]