Gestaltungsrichtlinien der Website
Die Kommunikation des CSD Dresden e.V. wird medienübergreifend durch das Corporate Design geprägt. Es bestimmt ihr visuelles Profil und schafft damit eine Basis für eine erfolgreiche und konsistente Kommunikation. Es ist verbindlicher Ausdruck der Corporate Identity des CSD Dresden e.V. nach innen und außen.
Diese Gestaltungsrichtlinien sind ein zentrales Dokument, das festlegt, wie alle Gestaltungselemente auf der Website verwendet werden sollen. Dieser Guide umfasst Farben und Schriften und deren spezifische Anwendungskontexte. Er funktioniert als verbindliche Richtlinie für die gesamte Onlinekommunikation.
Farben
Die Farben der Website sind bewusst nicht im (politischen) Spektrum des Regenbogens gehalten und dienen ausschließlich ästhetischen Zwecken – entweder als Verlauf oder als reine Farbe.
Im Light-Mode der Website nur mit einer leichten Färbung der Hintergrundfarben, im Dark-Mode jedoch mit einem deutlichen Blauanteil.
Auszeichnungsfarben
Light
Hex:
#d74187
RGB:
215 65 135
Light hover
Hex:
#e161a1
RGB:
225 97 161
Dark
Hex:
#ffbe41
RGB:
255 190 65
Dark hover
Hex:
#ffcd61
RGB:
255 205 97
Buttons
Light
Hex:
#f0f0f5
RGB:
240 240 245
Light hover
Hex:
#d74187
RGB:
215 65 135
Dark
Hex:
#394b60
RGB:
57 75 96
Dark hover
Hex:
#ffbe41
RGB:
255 190 65
Schlagschatten
Light
Hex:
#394b60
RGB:
57 75 96
Dark
Hex:
#141a21
RGB:
20 26 33
Hintergrund
Light 1
Hex:
#ffffff
RGB:
255 255 255
Light 2
Hex:
#fafafc
RGB:
255 255 252
Light 3
Hex:
#f5f5f7
RGB:
245 245 247
Light 4
Hex:
#f0f0f5
RGB:
240 240 245
Dark 1
Hex:
#263240
RGB:
38 50 64
Dark 2
Hex:
#303f50
RGB:
48 63 80
Dark 3
Hex:
#394b60
RGB:
57 75 96
Dark 4
Hex:
#435870
RGB:
67 88 112
Schriftfarbe
Light
Hex:
#636769
RGB:
99 103 105
Dark
Hex:
#eff2f5
RGB:
239 242 245
Gradient-Farben
Seegras
Hex:
#28c8b9
RGB:
40 200 185
Dämmerung
Hex:
#d74187
RGB:
215 65 135
Sonnenblume
Hex:
#ffbe41
RGB:
255 190 65
Seegras hover
Hex:
#46d5c9
RGB:
70 213 201
Dämmerung hover
Hex:
#e161a1
RGB:
225 97 161
Sonnenblume hover
Hex:
#ffcd61
RGB:
255 205 97
Schrift
Hausschrift
Die Hausschrift des CSD Dresden e.V. ist die neo-groteske Inter Familie von Rasmus Andersson. Sie ist eine klare, moderne Schrift, die ähnlich umfangreich ist wie die Helvetica Neue und in ihrer Konstruktion der San Francisco Familie von Apple Nahe kommt. Sie ersetzt die DIN Schriftfamilie, die seit mehreren Jahren Verwendung fand. Die Schriftfamilie umfasst 2.000+ Zeichen und deckt damit 147 Sprachen ab.
Inter ist eine der weltweit am häufigsten verwendeten Schriftarten, deren Anwendungsbereiche von Computer-Schnittstellen, medizinischen Geräten, Werbung, Flughäfen bis hin zur NASA reichen.
Trotz der insgesamt 8 Schriftschnitte, kommen lediglich drei zum Einsatz: „Regular“ für Fließtexte und die Buttons, so wie „Semi-Bold“ für die Überschriften. „Medium“ findet im Header-Menu lediglich als Ausgleich Anwendung.
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z ß
0 1 2 3 4 5 6 7 8 9
. , ; : ? ! „ “ § $ % & / ( ) [ ] { } = * # – – — € @ | < >
Download
Hausschrift
Trotz der insgesamt 8 Schriftschnitte, kommen lediglich drei zum Einsatz: „Regular“ für Fließtexte und die Buttons, so wie „Semi-Bold“ für die Überschriften. „Medium“ findet im Header-Menu lediglich als Ausgleich Anwendung.
h1 (2 rem): 100% Mensch. Ohne Wenn und Aber!
h2 (1.75 rem): 100% Mensch. Ohne Wenn und Aber!
h3 (1.5 rem): 100% Mensch. Ohne Wenn und Aber!
h4 (1.25 rem): 100% Mensch. Ohne Wenn und Aber!
Fließtext (1.15 rem): Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Unterstütze uns!
Unterstütze uns!