Die Veranstaltungen im Prideweeks-Event-Kalender werden von den jeweils angegebenen Veranstalter*innen eigenverantwortlich organisiert und durchgeführt. Der Förderverein CSD Nürnberg e. V. stellt lediglich die Plattform zur Veröffentlichung des Programms bereit. Für externe Veranstaltungen ist der jeweils genannte Veranstaltende verantwortlich.

Component Library & Style Guide

Components

Anwendung

Die auf dieser Seite aufgeführten Components können auf allen Seiten über die BIBLIOTHEK hinzugefügt werden.

Nach dem hinzufügen muss sie auf „Global deaktivieren“ gesetzt werden, da sonst alle damit verknüpften Instanzen auf der ganzen Website geändert werden!

 

Vorgehen:
1. Modul aus Bibliothek hinzufügen
3. Modul auswählen > 3-Punkte Menü > „Global deaktivieren“ wählen
3. Text und Link anpassen

Siehe auch Video-Beispiel rechts.

 

Buttons

Primary

Zum Online Eventkalender

Secondary

Button

Tertiary (not needed?)

TBD! – not shared yet

Button

Special

– nur im Footer
– wird global auf dieser Seite gepflegt
– bereits im Footer verknüpft

Button
Button
Button
Szene Guide

Vielleicht mehr an die andern Buttons anpasen?
-> is auch ok wenn der im footer andere größe hat

Szene Guide

Color System – Logik & Verwendung

Bitte verwende immer die GLOBALEN Farben.

Im Farbwähler rechts auf „Global“ wechseln und dort die passende Farbe auswählen. Nur so bleiben Farben systemweit verknüpft und konsistent.

Normale (nicht-globale) Farben bitte nicht verwenden, außer es ist ausdrücklich so vorgesehen.

Global Color Tokens

Global Color Styles

Die ersten vier Farben im Farbwähler sind von Divi vorgegeben:

– Primary
– Secondary
– TextHeading
– Text

Alle weiteren Farben wurden manuell ergänzt und folgen der sichtbaren Reihenfolge im Farbwähler.

Light & Dark

– Die Light-Mode-Farben stehen zuerst
– Diese Farben sind auf Weiß und den Surface-Farben accessible

– Ab StrokeInverted beginnen die Dark-Mode-Farben!
– Darkmode Farben sind auf Schwarz und den SurfaceInverted-Farben accessible.
=> Darkmodefarben werden analog zu den Lightmode Farben verwendet

Anwendung

Primary: Linien/Icons/Rahmen/Text/Link | KEINE FLÄCHEN (außnahme Elemente aus Component Library)
-> Links nutzen standardmäßig diese Farbe

Secondary: Linien/Icons/Rahmen/Text/Link | KEINE FLÄCHEN (außnahme Elemente aus Component Library)

Stroke: Linien/Icons/Rahmen

Surface: Oberfläche von Elementen oder Hintergrund für Sections

Text: NICHT VERWENDEN!
Im Lightmode ist alles richtig voreingestellt.
Für Darkmode den Text in den Texteinstellungen von „Dunkel“ auf „Hell“ setzen.