13. August 2025
13:09:50
•
V0.4
Willkommen im Markenhandbuch des Mitmachportals
Das Mitmachportal bietet unserer Verwaltung eine digitale Infrastruktur, um öffentliche Projekte transparent zu machen und Bürger:innen aktiv einzubinden. Gleichzeitig dient es als zentrale Plattform, auf der Bürger:innen laufende Projekte einsehen und mitgestalten können.
Mit unserem Markenhandbuch möchten wir die inhaltliche Ausgestaltung sowie strategische Ausrichtung unserer Marke definieren. Richtlinien und hilfreiche Tipps zur visuellen Identität helfen uns dabei, größtmögliche Einheitlichkeit über alle Kommunikationsmittel und Absender zu erreichen.
Willkommen im Markenhandbuch des Mitmachportals
Das Mitmachportal bietet unserer Verwaltung eine digitale Infrastruktur, um öffentliche Projekte transparent zu machen und Bürger:innen aktiv einzubinden. Gleichzeitig dient es als zentrale Plattform, auf der Bürger:innen laufende Projekte einsehen und mitgestalten können.
Mit unserem Markenhandbuch möchten wir die inhaltliche Ausgestaltung sowie strategische Ausrichtung unserer Marke definieren. Richtlinien und hilfreiche Tipps zur visuellen Identität helfen uns dabei, größtmögliche Einheitlichkeit über alle Kommunikationsmittel und Absender zu erreichen.
Vision
Als Teil der Gemeinschaft streben wir danach, den sozialen Zusammenhalt auf allen Ebenen zu stärken und die Resilienz der Bürger:innen in der Region Würzburg zu fördern – mit dem Ziel, gesellschaftliche Herausforderungen erfolgreich zu bewältigen.
Vision
Als Teil der Gemeinschaft streben wir danach, den sozialen Zusammenhalt auf allen Ebenen zu stärken und die Resilienz der Bürger:innen in der Region Würzburg zu fördern – mit dem Ziel, gesellschaftliche Herausforderungen erfolgreich zu bewältigen.
Vision
Als Teil der Gemeinschaft streben wir danach, den sozialen Zusammenhalt auf allen Ebenen zu stärken und die Resilienz der Bürger:innen in der Region Würzburg zu fördern – mit dem Ziel, gesellschaftliche Herausforderungen erfolgreich zu bewältigen.
Mission
Wir ermöglichen es allen Bürger:innen, ihre Heimat aktiv mitzugestalten. Mit unserer Plattform fördern wir Mitbestimmung, stärken das Vertrauen in politische Prozesse und erleichtern der Verwaltung die Kommunikation mit der Gesellschaft.
Mission
Wir ermöglichen es allen Bürger:innen, ihre Heimat aktiv mitzugestalten. Mit unserer Plattform fördern wir Mitbestimmung, stärken das Vertrauen in politische Prozesse und erleichtern der Verwaltung die Kommunikation mit der Gesellschaft.
Mission
Wir ermöglichen es allen Bürger:innen, ihre Heimat aktiv mitzugestalten. Mit unserer Plattform fördern wir Mitbestimmung, stärken das Vertrauen in politische Prozesse und erleichtern der Verwaltung die Kommunikation mit der Gesellschaft.
Kernwerte
Die Kernwerte sind die moralischen Prinzipien unserer Marke und bilden die Leitplanken für Entscheidungen und Handlungen. Sie machen unsere Marke einzigartig und grenzen uns von anderen ab.
Demokratisch
Wir stärken die demokratische Verantwortung von Bürger:innen und Politik durch aktive Einbindung in Entscheidungsprozesse und direktes Feedback.
Demokratisch
Wir stärken die demokratische Verantwortung von Bürger:innen und Politik durch aktive Einbindung in Entscheidungsprozesse und direktes Feedback.
Demokratisch
Wir stärken die demokratische Verantwortung von Bürger:innen und Politik durch aktive Einbindung in Entscheidungsprozesse und direktes Feedback.
Partizipativ
Wir geben der Stimme unserer Bürger:innen ein Gewicht. Abstimmungen und Anregungen werden ernst genommen und fließen in die Entscheidungsfindung mit ein.
Partizipativ
Wir geben der Stimme unserer Bürger:innen ein Gewicht. Abstimmungen und Anregungen werden ernst genommen und fließen in die Entscheidungsfindung mit ein.
Partizipativ
Wir geben der Stimme unserer Bürger:innen ein Gewicht. Abstimmungen und Anregungen werden ernst genommen und fließen in die Entscheidungsfindung mit ein.
Progressiv
Wir streben nach positiven Veränderungen in der Gesellschaft – dazu gehören auch moderne Technologien und kreative Ansätze, um unsere digitale Infrastruktur ständig zu verbessern.
Progressiv
Wir streben nach positiven Veränderungen in der Gesellschaft – dazu gehören auch moderne Technologien und kreative Ansätze, um unsere digitale Infrastruktur ständig zu verbessern.
Progressiv
Wir streben nach positiven Veränderungen in der Gesellschaft – dazu gehören auch moderne Technologien und kreative Ansätze, um unsere digitale Infrastruktur ständig zu verbessern.
Transparent
Wir machen politische Prozesse und Verwaltungsentscheidungen sichtbar, zugänglich und nachvollziehbar.
Transparent
Wir machen politische Prozesse und Verwaltungsentscheidungen sichtbar, zugänglich und nachvollziehbar.
Transparent
Wir machen politische Prozesse und Verwaltungsentscheidungen sichtbar, zugänglich und nachvollziehbar.
Kollaborativ
Wir fördern aktives Engagement und den direkten respektvollen Austausch zwischen Verwaltungen und Bürger:innen.
Kollaborativ
Wir fördern aktives Engagement und den direkten respektvollen Austausch zwischen Verwaltungen und Bürger:innen.
Kollaborativ
Wir fördern aktives Engagement und den direkten respektvollen Austausch zwischen Verwaltungen und Bürger:innen.
Zielgruppen
Eigenschaften und Werte unserer Marke dienen uns und unserer Zielgruppe als Identifikationsfläche. Mit dem Wissen um die eigene Zielgruppe können wir bedarfsorientiert kommunizieren und Menschen bei ihren Bedürfnissen und Meinungen abholen.
Zielgruppen
Eigenschaften und Werte unserer Marke dienen uns und unserer Zielgruppe als Identifikationsfläche. Mit dem Wissen um die eigene Zielgruppe können wir bedarfsorientiert kommunizieren und Menschen bei ihren Bedürfnissen und Meinungen abholen.
Eltern
Studierende
Senior:innen
Aktivist:innen
Kulturschaffende
Ehrenamtliche
Unternehmer:innen
Politiker:innen
Verwaltungen
Kommunen
Kommunikation
Um sicherzustellen, dass die Vielfalt der Angebote alle Zielgruppen anspricht, orientiert sich unsere Kommunikationsstrategie am AIDA-Modell. Dieser strukturierte Ansatz zielt darauf ab, Menschen nicht nur durch Kommunikation zu erreichen, sondern sie aktiv einzubeziehen. Dies erreichen wir, indem wir die verschiedenen Phasen der Auseinandersetzung mit unserer Marke verstehen und unsere Kommunikation entsprechend gestalten.
Kommunikation
Um sicherzustellen, dass die Vielfalt der Angebote alle Zielgruppen anspricht, orientiert sich unsere Kommunikationsstrategie am AIDA-Modell. Dieser strukturierte Ansatz zielt darauf ab, Menschen nicht nur durch Kommunikation zu erreichen, sondern sie aktiv einzubeziehen. Dies erreichen wir, indem wir die verschiedenen Phasen der Auseinandersetzung mit unserer Marke verstehen und unsere Kommunikation entsprechend gestalten.
Attention
Interest
Desire
Action
AIDA Modell (interaktiv)
Attention
Interest
Desire
Action
AIDA Modell (interaktiv)
Sprachstil
Die Tonalität ist der unverwechselbare Klang, mit dem unsere Marke spricht. Dieser sprachliche Grundton, der direkt aus unserer Marke abgeleitet ist, soll sich in allen unseren Texten wiederfinden und drückt sich durch Wortwahl, Atmosphäre und Stil unserer Kommunikation aus.
Sprachstil
Die Tonalität ist der unverwechselbare Klang, mit dem unsere Marke spricht. Dieser sprachliche Grundton, der direkt aus unserer Marke abgeleitet ist, soll sich in allen unseren Texten wiederfinden und drückt sich durch Wortwahl, Atmosphäre und Stil unserer Kommunikation aus.
nahbar, nicht kompliziert
Wir nutzen keine Verwaltungssprache, sondern bewegen uns mit einer freundlichen Sprache auf Augenhöhe unseres Gegenübers.
nahbar, nicht kompliziert
Wir nutzen keine Verwaltungssprache, sondern bewegen uns mit einer freundlichen Sprache auf Augenhöhe unseres Gegenübers.
einladend, nicht aufdringlich
Durch eine aktive Ansprache ermutigen wir Bürger:innen zur Mitgestaltung und animieren sie, ihre Ideen zu teilen ohne dabei zu fordernd zu sein.
einladend, nicht aufdringlich
Durch eine aktive Ansprache ermutigen wir Bürger:innen zur Mitgestaltung und animieren sie, ihre Ideen zu teilen ohne dabei zu fordernd zu sein.
ehrlich, nicht populistisch
Unsere Kommunikation ist direkt und ehrlich. Weder über- noch unterfordern wir Bürger:innen, sondern ermächtigen sie jedoch zu eigenständigen Entscheidungen.
ehrlich, nicht populistisch
Unsere Kommunikation ist direkt und ehrlich. Weder über- noch unterfordern wir Bürger:innen, sondern ermächtigen sie jedoch zu eigenständigen Entscheidungen.
kollektives Sie, situatives Du
In unserer Ansprache nutzen wir das kollektive »Sie«. Im persönlichen Gespräch wechseln wir zum »Du«, wenn unser Gegenüber das möchte.
kollektives Sie, situatives Du
In unserer Ansprache nutzen wir das kollektive »Sie«. Im persönlichen Gespräch wechseln wir zum »Du«, wenn unser Gegenüber das möchte.
Markenzeichen
Das Logo des Mitmachportals ist mehr als nur ein grafisches Symbol; es verkörpert die Grundwerte von Partizipation und Bürgernähe. Der stilisierte Kopf steht für die Bürger:innen, die aktiv an der Gestaltung ihrer Heimat mitwirken, während die Sprechblase den offenen Dialog und den demokratischen Austausch symbolisiert. Diese Kombination macht deutlich, dass das Mitmachportal eine Plattform für Mitbestimmung, Vertrauen und transparente Kommunikation zwischen Gesellschaft und Verwaltung ist.
Markenzeichen
Das Logo des Mitmachportals ist mehr als nur ein grafisches Symbol; es verkörpert die Grundwerte von Partizipation und Bürgernähe. Der stilisierte Kopf steht für die Bürger:innen, die aktiv an der Gestaltung ihrer Heimat mitwirken, während die Sprechblase den offenen Dialog und den demokratischen Austausch symbolisiert. Diese Kombination macht deutlich, dass das Mitmachportal eine Plattform für Mitbestimmung, Vertrauen und transparente Kommunikation zwischen Gesellschaft und Verwaltung ist.
Markenzeichen
Das Logo des Mitmachportals ist mehr als nur ein grafisches Symbol; es verkörpert die Grundwerte von Partizipation und Bürgernähe. Der stilisierte Kopf steht für die Bürger:innen, die aktiv an der Gestaltung ihrer Heimat mitwirken, während die Sprechblase den offenen Dialog und den demokratischen Austausch symbolisiert. Diese Kombination macht deutlich, dass das Mitmachportal eine Plattform für Mitbestimmung, Vertrauen und transparente Kommunikation zwischen Gesellschaft und Verwaltung ist.
Logo Varianten
Neben dem primären Logo, das die zentrale Identität unserer Marke verkörpert, wurden verschiedene Logo-Varianten entwickelt, um sicherzustellen, dass unser Logo flexibel und angemessen an einer Vielzahl von Orten, Formaten und Medien eingesetzt werden kann. Durch die Anpassung an unterschiedliche Kontexte wird gewährleistet, dass die visuelle Kommunikation stets konsistent und ansprechend bleibt – egal ob in digitalen Anwendungen, Printmedien oder bei Veranstaltungen.
Logo Varianten
Neben dem primären Logo, das die zentrale Identität unserer Marke verkörpert, wurden verschiedene Logo-Varianten entwickelt, um sicherzustellen, dass unser Logo flexibel und angemessen an einer Vielzahl von Orten, Formaten und Medien eingesetzt werden kann. Durch die Anpassung an unterschiedliche Kontexte wird gewährleistet, dass die visuelle Kommunikation stets konsistent und ansprechend bleibt – egal ob in digitalen Anwendungen, Printmedien oder bei Veranstaltungen.
Logo Varianten
Neben dem primären Logo, das die zentrale Identität unserer Marke verkörpert, wurden verschiedene Logo-Varianten entwickelt, um sicherzustellen, dass unser Logo flexibel und angemessen an einer Vielzahl von Orten, Formaten und Medien eingesetzt werden kann. Durch die Anpassung an unterschiedliche Kontexte wird gewährleistet, dass die visuelle Kommunikation stets konsistent und ansprechend bleibt – egal ob in digitalen Anwendungen, Printmedien oder bei Veranstaltungen.
1
2
3
4
1
2
3
4
1
2
3
4
Schutzräume
Der Schutzraum unseres Logos definiert den minimalen Abstand zu anderen Gestaltungselementen. Diese Maßnahme sichert nicht nur die Ästhetik, sondern gewährleistet auch die Lesbarkeit und visuelle Integrität der Marke, indem sie verhindert, dass grafische Elemente das Logo überdecken oder verwässern.
Schutzräume
Der Schutzraum unseres Logos definiert den minimalen Abstand zu anderen Gestaltungselementen. Diese Maßnahme sichert nicht nur die Ästhetik, sondern gewährleistet auch die Lesbarkeit und visuelle Integrität der Marke, indem sie verhindert, dass grafische Elemente das Logo überdecken oder verwässern.
Schutzräume
Der Schutzraum unseres Logos definiert den minimalen Abstand zu anderen Gestaltungselementen. Diese Maßnahme sichert nicht nur die Ästhetik, sondern gewährleistet auch die Lesbarkeit und visuelle Integrität der Marke, indem sie verhindert, dass grafische Elemente das Logo überdecken oder verwässern.
Überschrift
Die Höhe des Initialen unserer Wortmarke bestimmt den Schutzraum um unser Logo. Innerhalb dieses Bereichs dürfen keine Texte, Bilder oder anderen Logos platziert werden.
1
2
3
Überschrift
Die Höhe des Initialen unserer Wortmarke bestimmt den Schutzraum um unser Logo. Innerhalb dieses Bereichs dürfen keine Texte, Bilder oder anderen Logos platziert werden.
1
2
3
Überschrift
Die Höhe des Initialen unserer Wortmarke bestimmt den Schutzraum um unser Logo. Innerhalb dieses Bereichs dürfen keine Texte, Bilder oder anderen Logos platziert werden.
1
2
3
Mindestgrößen
Die Größe des Logos variiert in Abhängigkeit von der jeweiligen Anwendung und dem Kontext, in dem es eingesetzt wird. Um sicherzustellen, dass die Lesbarkeit und die visuelle Wirkung des Logos jederzeit erhalten bleiben, ist es unerlässlich, die festgelegten Mindestgrößen zu beachten und einzuhalten.
Mindestgrößen
Die Größe des Logos variiert in Abhängigkeit von der jeweiligen Anwendung und dem Kontext, in dem es eingesetzt wird. Um sicherzustellen, dass die Lesbarkeit und die visuelle Wirkung des Logos jederzeit erhalten bleiben, ist es unerlässlich, die festgelegten Mindestgrößen zu beachten und einzuhalten.
Mindestgrößen
Die Größe des Logos variiert in Abhängigkeit von der jeweiligen Anwendung und dem Kontext, in dem es eingesetzt wird. Um sicherzustellen, dass die Lesbarkeit und die visuelle Wirkung des Logos jederzeit erhalten bleiben, ist es unerlässlich, die festgelegten Mindestgrößen zu beachten und einzuhalten.
Wortbildmarke
Für optimale Lesbarkeit gelten folgende Mindesthöhen: Linksbündige Wortmarke 8 mm (Druck) bzw. 48 px (Bildschirm), zentrierte Version 30 mm (Druck) bzw. 150 px (Bildschirm). Dargestellte Wortmarken sind nicht maßstabsgetreu.
1
2
Wortbildmarke
Für optimale Lesbarkeit gelten folgende Mindesthöhen: Linksbündige Wortmarke 8 mm (Druck) bzw. 48 px (Bildschirm), zentrierte Version 30 mm (Druck) bzw. 150 px (Bildschirm). Dargestellte Wortmarken sind nicht maßstabsgetreu.
1
2
Wortbildmarke
Für optimale Lesbarkeit gelten folgende Mindesthöhen: Linksbündige Wortmarke 8 mm (Druck) bzw. 48 px (Bildschirm), zentrierte Version 30 mm (Druck) bzw. 150 px (Bildschirm). Dargestellte Wortmarken sind nicht maßstabsgetreu.
1
2
Bildmarke & Avatare
Die Bildmarke ist ein essenzielles Element unserer visuellen Identität und muss daher bestimmten Standards entsprechen, um ihre Wiedererkennbarkeit und Klarheit sicherzustellen. Im Druck sollte die Bildmarke eine Mindesthöhe von 12 mm aufweisen. Dies gewährleistet, dass sie auch in kleineren Formaten deutlich und unverwechselbar bleibt. Auf Bildschirmen ist es erforderlich, dass die Bildmarke mindestens 48 px hoch ist.
Bildmarke & Avatare
Die Bildmarke ist ein essenzielles Element unserer visuellen Identität und muss daher bestimmten Standards entsprechen, um ihre Wiedererkennbarkeit und Klarheit sicherzustellen. Im Druck sollte die Bildmarke eine Mindesthöhe von 12 mm aufweisen. Dies gewährleistet, dass sie auch in kleineren Formaten deutlich und unverwechselbar bleibt. Auf Bildschirmen ist es erforderlich, dass die Bildmarke mindestens 48 px hoch ist.
Bildmarke & Avatare
Die Bildmarke ist ein essenzielles Element unserer visuellen Identität und muss daher bestimmten Standards entsprechen, um ihre Wiedererkennbarkeit und Klarheit sicherzustellen. Im Druck sollte die Bildmarke eine Mindesthöhe von 12 mm aufweisen. Dies gewährleistet, dass sie auch in kleineren Formaten deutlich und unverwechselbar bleibt. Auf Bildschirmen ist es erforderlich, dass die Bildmarke mindestens 48 px hoch ist.
Partnerlogos
Partnerlogos sind immer in einer separaten Leiste angeordnet und sollten niemals direkt neben den primären Markenzeichen platziert werden. Dies sorgt für eine klare Trennung und Sichtbarkeit der Markenidentitäten. Der "Partner Hinweis" ist strategisch links am Anfang der Leiste positioniert und wird in der Hausschrift, die entweder in Schwarz oder Weiß gehalten ist, präsentiert, um die optimale Lesbarkeit zu gewährleisten.
Partnerlogos
Partnerlogos sind immer in einer separaten Leiste angeordnet und sollten niemals direkt neben den primären Markenzeichen platziert werden. Dies sorgt für eine klare Trennung und Sichtbarkeit der Markenidentitäten. Der "Partner Hinweis" ist strategisch links am Anfang der Leiste positioniert und wird in der Hausschrift, die entweder in Schwarz oder Weiß gehalten ist, präsentiert, um die optimale Lesbarkeit zu gewährleisten.
Partnerlogos
Partnerlogos sind immer in einer separaten Leiste angeordnet und sollten niemals direkt neben den primären Markenzeichen platziert werden. Dies sorgt für eine klare Trennung und Sichtbarkeit der Markenidentitäten. Der "Partner Hinweis" ist strategisch links am Anfang der Leiste positioniert und wird in der Hausschrift, die entweder in Schwarz oder Weiß gehalten ist, präsentiert, um die optimale Lesbarkeit zu gewährleisten.
Print und Screen
Schriften innerhalb des "Partner Hinweises" haben eine Mindestgröße von 6 pt im Druck und 12 px digital, wobei die darunter liegende Fläche maximal 7 % der Dokumenthöhe einnimmt, um das Design übersichtlich zu halten und den Fokus auf den Inhalt zu lenken.
Print und Screen
Schriften innerhalb des "Partner Hinweises" haben eine Mindestgröße von 6 pt im Druck und 12 px digital, wobei die darunter liegende Fläche maximal 7 % der Dokumenthöhe einnimmt, um das Design übersichtlich zu halten und den Fokus auf den Inhalt zu lenken.
Print und Screen
Schriften innerhalb des "Partner Hinweises" haben eine Mindestgröße von 6 pt im Druck und 12 px digital, wobei die darunter liegende Fläche maximal 7 % der Dokumenthöhe einnimmt, um das Design übersichtlich zu halten und den Fokus auf den Inhalt zu lenken.
1
2
1
2
1
2
Social Media
Bei begrenztem Platz, besonders in Social Media Posts, sollten Partnerlogos in separaten Flächen platziert werden. Dies verhindert, dass sie mehr als 20% des Posts einnehmen und das Design überladen wirken lassen.
1
2
Social Media
Bei begrenztem Platz, besonders in Social Media Posts, sollten Partnerlogos in separaten Flächen platziert werden. Dies verhindert, dass sie mehr als 20% des Posts einnehmen und das Design überladen wirken lassen.
1
2
Social Media
Bei begrenztem Platz, besonders in Social Media Posts, sollten Partnerlogos in separaten Flächen platziert werden. Dies verhindert, dass sie mehr als 20% des Posts einnehmen und das Design überladen wirken lassen.
1
2
Dont's
Unser Markenzeichen darf nicht modifiziert oder erweitert werden. Die folgenden Regeln gelten für alle Logo-Varianten und Farbkombinationen, um unsere Markenpräsenz konsistent und professionell zu halten.
Dont's
Unser Markenzeichen darf nicht modifiziert oder erweitert werden. Die folgenden Regeln gelten für alle Logo-Varianten und Farbkombinationen, um unsere Markenpräsenz konsistent und professionell zu halten.
Dont's
Unser Markenzeichen darf nicht modifiziert oder erweitert werden. Die folgenden Regeln gelten für alle Logo-Varianten und Farbkombinationen, um unsere Markenpräsenz konsistent und professionell zu halten.
Kein Schrägstellen
Kein Schrägstellen
Kein Schrägstellen
Kein Verzerren
Kein Verzerren
Kein Verzerren
Keine Schatten oder andere Effekte
Keine Schatten oder andere Effekte
Keine Schatten oder andere Effekte
Keine zusätzlichen Konturen
Keine zusätzlichen Konturen
Keine zusätzlichen Konturen
Keine Transparenz
Keine Transparenz
Keine Transparenz
Keine Kombinationen direkt am Logo
Keine Kombinationen direkt am Logo
Keine Kombinationen direkt am Logo
Keine unzulässigen Farben
Keine unzulässigen Farben
Keine unzulässigen Farben
Keine unzulässigen Schriften
Keine unzulässigen Schriften
Keine unzulässigen Schriften
Kein Vertauschen der Elemente
Kein Vertauschen der Elemente
Kein Vertauschen der Elemente
Farben & Kontraste
Unsere Farben prägen das Bild unserer Marke und sind entscheidend für unseren visuellen Ausdruck. Der gezielte Einsatz unserer Akzentfarben stärkt unsere Identität und verbessert das Nutzererlebnis an allen Berührungspunkten. Grundierungsfarben fördern die optimale Lesbarkeit und Zugänglichkeit und verdeutlichen die Struktur sowie die Hierarchie von Informationen.
Farben & Kontraste
Unsere Farben prägen das Bild unserer Marke und sind entscheidend für unseren visuellen Ausdruck. Der gezielte Einsatz unserer Akzentfarben stärkt unsere Identität und verbessert das Nutzererlebnis an allen Berührungspunkten. Grundierungsfarben fördern die optimale Lesbarkeit und Zugänglichkeit und verdeutlichen die Struktur sowie die Hierarchie von Informationen.
Farben & Kontraste
Unsere Farben prägen das Bild unserer Marke und sind entscheidend für unseren visuellen Ausdruck. Der gezielte Einsatz unserer Akzentfarben stärkt unsere Identität und verbessert das Nutzererlebnis an allen Berührungspunkten. Grundierungsfarben fördern die optimale Lesbarkeit und Zugänglichkeit und verdeutlichen die Struktur sowie die Hierarchie von Informationen.
Akzentfarben
Die Primärfarben des Mitmachportals prägen seine visuelle Identität und stehen für Partizipation, Austausch und gemeinschaftliche Gestaltung. Bürgerindigo symbolisiert Tiefe und Vertrauen in demokratische Prozesse, während Mitmachlila für aktive Beteiligung und den lebendigen Dialog steht. Zukunftsflieder vermittelt Offenheit und Inspiration – es spiegelt die kreativen Impulse wider, die Bürger:innen in die Gestaltung ihrer Heimat einbringen.
Akzentfarben
Die Primärfarben des Mitmachportals prägen seine visuelle Identität und stehen für Partizipation, Austausch und gemeinschaftliche Gestaltung. Bürgerindigo symbolisiert Tiefe und Vertrauen in demokratische Prozesse, während Mitmachlila für aktive Beteiligung und den lebendigen Dialog steht. Zukunftsflieder vermittelt Offenheit und Inspiration – es spiegelt die kreativen Impulse wider, die Bürger:innen in die Gestaltung ihrer Heimat einbringen.
Akzentfarben
Die Primärfarben des Mitmachportals prägen seine visuelle Identität und stehen für Partizipation, Austausch und gemeinschaftliche Gestaltung. Bürgerindigo symbolisiert Tiefe und Vertrauen in demokratische Prozesse, während Mitmachlila für aktive Beteiligung und den lebendigen Dialog steht. Zukunftsflieder vermittelt Offenheit und Inspiration – es spiegelt die kreativen Impulse wider, die Bürger:innen in die Gestaltung ihrer Heimat einbringen.
Bürgerindigo
CMYK
85, 100, 0, 15
RGB
68, 41, 122
HEX
#44297A
Bürgerindigo
CMYK
85, 100, 0, 15
RGB
68, 41, 122
HEX
#44297A
Bürgerindigo
CMYK
85, 100, 0, 15
RGB
68, 41, 122
HEX
#44297A
Mitmachlila
CMYK
70, 80, 0, 0
RGB
124, 90, 226
HEX
#7C5AE2
Mitmachlila
CMYK
70, 80, 0, 0
RGB
124, 90, 226
HEX
#7C5AE2
Mitmachlila
CMYK
70, 80, 0, 0
RGB
124, 90, 226
HEX
#7C5AE2
Zukunftsflieder
CMYK
8, 12, 0, 0
RGB
240, 227, 252
HEX
#F0E3FC
Zukunftsflieder
CMYK
8, 12, 0, 0
RGB
240, 227, 252
HEX
#F0E3FC
Zukunftsflieder
CMYK
8, 12, 0, 0
RGB
240, 227, 252
HEX
#F0E3FC
Grundierungsfarben
Durch die geschickte Auswahl und Anwendung unserer Grundierungsfarben können wir nicht nur die Ästhetik verbessern, sondern auch die Benutzererfahrung optimieren, indem wir visuelle Hierarchien schaffen und die Lesbarkeit erhöhen.
Grundierungsfarben
Durch die geschickte Auswahl und Anwendung unserer Grundierungsfarben können wir nicht nur die Ästhetik verbessern, sondern auch die Benutzererfahrung optimieren, indem wir visuelle Hierarchien schaffen und die Lesbarkeit erhöhen.
Grundierungsfarben
Durch die geschickte Auswahl und Anwendung unserer Grundierungsfarben können wir nicht nur die Ästhetik verbessern, sondern auch die Benutzererfahrung optimieren, indem wir visuelle Hierarchien schaffen und die Lesbarkeit erhöhen.
Schwarz
CMYK
0, 0, 0, 100
RGB
28, 28, 28
HEX
#1C1C1C
Schwarz
CMYK
0, 0, 0, 100
RGB
28, 28, 28
HEX
#1C1C1C
Schwarz
CMYK
0, 0, 0, 100
RGB
28, 28, 28
HEX
#1C1C1C
Anthrazit
CMYK
0, 0, 0, 80
RGB
51, 51, 51
HEX
#333333
Anthrazit
CMYK
0, 0, 0, 80
RGB
51, 51, 51
HEX
#333333
Anthrazit
CMYK
0, 0, 0, 80
RGB
51, 51, 51
HEX
#333333
Dunkelgrau
CMYK
0, 0, 0, 20
RGB
204, 204, 204
HEX
#CCCCCC
Dunkelgrau
CMYK
0, 0, 0, 20
RGB
204, 204, 204
HEX
#CCCCCC
Dunkelgrau
CMYK
0, 0, 0, 20
RGB
204, 204, 204
HEX
#CCCCCC
Mittelgrau
CMYK
0, 0, 0, 8
RGB
235, 235, 235
HEX
#EBEBEB
Mittelgrau
CMYK
0, 0, 0, 8
RGB
235, 235, 235
HEX
#EBEBEB
Mittelgrau
CMYK
0, 0, 0, 8
RGB
235, 235, 235
HEX
#EBEBEB
Hellgrau
CMYK
0, 0, 0, 2
RGB
250, 250, 250
HEX
#FAFAFA
Hellgrau
CMYK
0, 0, 0, 2
RGB
250, 250, 250
HEX
#FAFAFA
Hellgrau
CMYK
0, 0, 0, 2
RGB
250, 250, 250
HEX
#FAFAFA
Weiß
CMYK
0, 0, 0, 0
RGB
255, 255, 255
HEX
#FFFFFF
Weiß
CMYK
0, 0, 0, 0
RGB
255, 255, 255
HEX
#FFFFFF
Weiß
CMYK
0, 0, 0, 0
RGB
255, 255, 255
HEX
#FFFFFF
Farbkombinationen
Farbfläche als Hintergrund
Hier steht eine Überschrift
Hier steht eine Überschrift
Auf einheitlichen Hintergrundfarben bevorzugen wir unsere charakteristischen und wiedererkennbaren Primärfarben. Diese sollten für die meisten Kommunikationsmittel verwendet werden, um eine starke visuelle Identität zu schaffen.
Mitmachportal
der Region Würzburg
mitmachportal.org
Mitmachportal
der Region Würzburg
mitmachportal.org
Mitmachportal
der Region Würzburg
mitmachportal.org
Mitmachportal
der Region Würzburg
mitmachportal.org
Mitmachportal
der Region Würzburg
mitmachportal.org
Farbe auf Fotografien
Hier steht eine Überschrift
Hier steht eine Überschrift
Hier steht eine Überschrift
Bei Vollflächenfotos wird standardmäßig weiße Schrift und Logo verwendet, um optimale Lesbarkeit zu gewährleisten. Der obere und untere Bildbereich sollte möglichst dunkler und weniger detailliert sein. Bei helleren Hintergründen empfiehlt sich das Logo in Bürgerindigo oder Mitmachlila, um den Kontrast zu verbessern. Die Farbwahl hängt vom jeweiligen Motiv und dessen Lesbarkeit ab.
Mitmachportal
der Region Würzburg
mitmachportal.org
Mitmachportal
der Region Würzburg
mitmachportal.org
Mitmachportal
der Region Würzburg
mitmachportal.org
Mitmachportal
der Region Würzburg
mitmachportal.org
Mitmachportal
der Region Würzburg
mitmachportal.org
Mitmachportal
der Region Würzburg
mitmachportal.org
Barrierefreiheit
Wir folgen internationalen Standards für Barrierefreiheit, um digitale Inhalte für alle Menschen lesbar zu gestalten. Bei der Farbauswahl achten wir auf empfohlene Kontrastwerte. Große Schrift beginnt bei 14 pt (18,66 px) in fetter Variante oder 18 pt (24 px) in normaler Gewichtung. Unser Ziel ist die Lesbarkeit nach AAA-Standard, weshalb wir Farben mit zu geringem Kontrast in kleinen Schriftgrößen vermeiden. Für individuelle Designs empfiehlt sich die Nutzung eines Kontrastcheckers.
Barrierefreiheit
Wir folgen internationalen Standards für Barrierefreiheit, um digitale Inhalte für alle Menschen lesbar zu gestalten. Bei der Farbauswahl achten wir auf empfohlene Kontrastwerte. Große Schrift beginnt bei 14 pt (18,66 px) in fetter Variante oder 18 pt (24 px) in normaler Gewichtung. Unser Ziel ist die Lesbarkeit nach AAA-Standard, weshalb wir Farben mit zu geringem Kontrast in kleinen Schriftgrößen vermeiden. Für individuelle Designs empfiehlt sich die Nutzung eines Kontrastcheckers.
Barrierefreiheit
Wir folgen internationalen Standards für Barrierefreiheit, um digitale Inhalte für alle Menschen lesbar zu gestalten. Bei der Farbauswahl achten wir auf empfohlene Kontrastwerte. Große Schrift beginnt bei 14 pt (18,66 px) in fetter Variante oder 18 pt (24 px) in normaler Gewichtung. Unser Ziel ist die Lesbarkeit nach AAA-Standard, weshalb wir Farben mit zu geringem Kontrast in kleinen Schriftgrößen vermeiden. Für individuelle Designs empfiehlt sich die Nutzung eines Kontrastcheckers.
WCAG AAA (Ratio: 11.39)
WCAG AAA (Ratio: 11.39)
WCAG AAA (Ratio: 11.39)
WCAG AAA (Ratio: 9.27)
WCAG AAA (Ratio: 9.27)
WCAG AAA (Ratio: 9.27)
WCAG AAA (Ratio: 9.27)
WCAG AAA (Ratio: 9.27)
WCAG AAA (Ratio: 9.27)
WCAG AAA (Ratio: 11.39)
WCAG AAA (Ratio: 11.39)
WCAG AAA (Ratio: 11.39)
WCAG AAA (Ratio: 17.1)
WCAG AAA (Ratio: 17.1)
WCAG AAA (Ratio: 17.1)
WCAG AAA 18 pt (Ratio: 4.75)
WCAG AAA 18 pt (Ratio: 4.75)
WCAG AAA 18 pt (Ratio: 4.75)
Dont's
Unsere definierten Farbräume dürfen nicht eigenständig modifiziert, kombiniert oder erweitert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Dont's
Unsere definierten Farbräume dürfen nicht eigenständig modifiziert, kombiniert oder erweitert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Dont's
Unsere definierten Farbräume dürfen nicht eigenständig modifiziert, kombiniert oder erweitert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Keine Verläufe in Hintergründen und Logos
Keine Verläufe in Hintergründen und Logos
Keine Verläufe in Hintergründen und Logos
Keine Transparenzen
Keine Transparenzen
Keine Transparenzen
Keine kontrastarmen Farbkombinationen
Keine kontrastarmen Farbkombinationen
Keine kontrastarmen Farbkombinationen
Keine unharmonischen Farbkombinationen
Keine unharmonischen Farbkombinationen
Keine unharmonischen Farbkombinationen
Keine Mehrfarbigkeit in Markenzeichen
Keine Mehrfarbigkeit in Markenzeichen
Keine Mehrfarbigkeit in Markenzeichen
Keine unzulässigen Farbvarianten
Keine unzulässigen Farbvarianten
Keine unzulässigen Farbvarianten
Inclusive Sans. Hausschrift für das Mitmachportal und seine Schwestermarken.
Inclusive Sans wurde entwickelt, um Barrierefreiheit und Lesbarkeit zu gewährleisten. Diese moderne Neo-Grotesk-Schrift vereint ästhetische Ansprüche mit gestalterischen Merkmalen, die eine optimale Lesbarkeit in digitalen und gedruckten Medien bieten. Mit vielseitigen Gewichtungen und Stilvarianten passt sie sich nahtlos der visuellen Identität unserer Marke an und ermöglicht eine klare sowie ansprechende Kommunikation über alle Berührungspunkte hinweg.
Inclusive Sans. Hausschrift für das Mitmachportal und seine Schwestermarken.
Inclusive Sans wurde entwickelt, um Barrierefreiheit und Lesbarkeit zu gewährleisten. Diese moderne Neo-Grotesk-Schrift vereint ästhetische Ansprüche mit gestalterischen Merkmalen, die eine optimale Lesbarkeit in digitalen und gedruckten Medien bieten. Mit vielseitigen Gewichtungen und Stilvarianten passt sie sich nahtlos der visuellen Identität unserer Marke an und ermöglicht eine klare sowie ansprechende Kommunikation über alle Berührungspunkte hinweg.
Inclusive Sans. Hausschrift für das Mitmachportal und seine Schwestermarken.
Inclusive Sans wurde entwickelt, um Barrierefreiheit und Lesbarkeit zu gewährleisten. Diese moderne Neo-Grotesk-Schrift vereint ästhetische Ansprüche mit gestalterischen Merkmalen, die eine optimale Lesbarkeit in digitalen und gedruckten Medien bieten. Mit vielseitigen Gewichtungen und Stilvarianten passt sie sich nahtlos der visuellen Identität unserer Marke an und ermöglicht eine klare sowie ansprechende Kommunikation über alle Berührungspunkte hinweg.
Inclusive Sans
(300)
(400)
(500)
(600)
(800)
Für alle gemacht
Inclusive Sans ist eine Schrift, die Barrierefreiheit und Lesbarkeit in den Mittelpunkt stellt.
Für alle gemacht
Inclusive Sans ist eine Schrift, die Barrierefreiheit und Lesbarkeit in den Mittelpunkt stellt.
Für alle gemacht
Inclusive Sans ist eine Schrift, die Barrierefreiheit und Lesbarkeit in den Mittelpunkt stellt.
Modern mit Charakter
Klare Formen treffen auf feine Details, die die Schrift einzigartig machen.
Modern mit Charakter
Klare Formen treffen auf feine Details, die die Schrift einzigartig machen.
Modern mit Charakter
Klare Formen treffen auf feine Details, die die Schrift einzigartig machen.
Vielseitig einsetzbar
Ob digital oder gedruckt – Inclusive Sans sorgt überall für eine starke visuelle Identität.
Vielseitig einsetzbar
Ob digital oder gedruckt – Inclusive Sans sorgt überall für eine starke visuelle Identität.
Vielseitig einsetzbar
Ob digital oder gedruckt – Inclusive Sans sorgt überall für eine starke visuelle Identität.
Systemschrift als Fallback:
Verdana
Verdana
In besonderen Ausnahmefällen kann die Systemschrift "Verdana" als Fallback-Option zu unserer Hauptschriftart verwendet werden. Diese Maßnahme ist insbesondere in den Kontexten erforderlich, in denen Individualschriften nicht implementiert oder zugelassen sind, wie beispielsweise in bestimmten Newsletter-Formaten oder mancher Buchhaltungs-Software. Systemschriften sollten nur als absolute Notlösung eingesetzt werden, um die visuelle Einheitlichkeit zu bewahren.
font-family: 'Inclusive Sans', Verdana, sans-serif;
Schrift-Skala
Unsere typografische Hierarchie für Inclusive Sans definiert einheitliche Größen, Zeilenabstände und Spationierungen. Sie dient als Orientierungshilfe und soll ein klares Verständnis der Schriftart sowie deren effektive Anwendung in verschiedenen Kontexten vermitteln. Für individuelle Designs empfiehlt sich die Nutzung eines Schriftskalen-Rechners.
Schrift-Skala
Unsere typografische Hierarchie für Inclusive Sans definiert einheitliche Größen, Zeilenabstände und Spationierungen. Sie dient als Orientierungshilfe und soll ein klares Verständnis der Schriftart sowie deren effektive Anwendung in verschiedenen Kontexten vermitteln. Für individuelle Designs empfiehlt sich die Nutzung eines Schriftskalen-Rechners.
Schrift-Skala
Unsere typografische Hierarchie für Inclusive Sans definiert einheitliche Größen, Zeilenabstände und Spationierungen. Sie dient als Orientierungshilfe und soll ein klares Verständnis der Schriftart sowie deren effektive Anwendung in verschiedenen Kontexten vermitteln. Für individuelle Designs empfiehlt sich die Nutzung eines Schriftskalen-Rechners.
Regular
54-92 px
100 %
-4 %
Medium
24-48 px
105 %
-3 %
Regular
20-32 px
120 %
-2 %
Semibold
14-24 px
130 %
-1 %
Regular
12-24 px
130 %
-1 %
Regular
8-12 px
130 %
0 %
Regular
54-92 px
100 %
-4 %
Medium
24-48 px
105 %
-3 %
Regular
20-32 px
120 %
-2 %
Semibold
14-24 px
130 %
-1 %
Regular
12-24 px
130 %
-1 %
Regular
8-12 px
130 %
0 %
Regular
54-92 px
100 %
-4 %
Medium
24-48 px
105 %
-3 %
Regular
20-32 px
120 %
-2 %
Semibold
14-24 px
130 %
-1 %
Regular
12-24 px
130 %
-1 %
Regular
8-12 px
130 %
0 %
Zeilenlänge
Für eine optimale Lesbarkeit ist es entscheidend, dass die Textzeilen weder zu lang noch zu kurz sind. Eine zu lange Zeile im Fließtext kann das Lesen erschweren und die Konzentration des Lesers beeinträchtigen. Um dieses Problem zu vermeiden, empfiehlt es sich, den Text in Spalten aufzuteilen, was nicht nur die Übersichtlichkeit erhöht, sondern auch das Leseerlebnis verbessert. Bei der Zeichenzählung werden Leerzeichen und Satzzeichen miteinbezogen, da sie die Textstruktur und den Textfluss wesentlich beeinflussen.
Zeilenlänge
Für eine optimale Lesbarkeit ist es entscheidend, dass die Textzeilen weder zu lang noch zu kurz sind. Eine zu lange Zeile im Fließtext kann das Lesen erschweren und die Konzentration des Lesers beeinträchtigen. Um dieses Problem zu vermeiden, empfiehlt es sich, den Text in Spalten aufzuteilen, was nicht nur die Übersichtlichkeit erhöht, sondern auch das Leseerlebnis verbessert. Bei der Zeichenzählung werden Leerzeichen und Satzzeichen miteinbezogen, da sie die Textstruktur und den Textfluss wesentlich beeinflussen.
Zeilenlänge
Für eine optimale Lesbarkeit ist es entscheidend, dass die Textzeilen weder zu lang noch zu kurz sind. Eine zu lange Zeile im Fließtext kann das Lesen erschweren und die Konzentration des Lesers beeinträchtigen. Um dieses Problem zu vermeiden, empfiehlt es sich, den Text in Spalten aufzuteilen, was nicht nur die Übersichtlichkeit erhöht, sondern auch das Leseerlebnis verbessert. Bei der Zeichenzählung werden Leerzeichen und Satzzeichen miteinbezogen, da sie die Textstruktur und den Textfluss wesentlich beeinflussen.
10 – 18 Zeichen pro Zeile
10 – 18 Zeichen pro Zeile
10 – 18 Zeichen pro Zeile
Zu kurze Zeilen
Zu kurze Zeilen
Zu kurze Zeilen
Zu lange Zeile
Zu lange Zeile
Zu lange Zeile
25 – 45 Zeichen pro Zeile
25 – 45 Zeichen pro Zeile
25 – 45 Zeichen pro Zeile
Zu kurze Zeilen
Zu kurze Zeilen
Zu kurze Zeilen
Zu lange Zeile
Zu lange Zeile
Zu lange Zeile
Dont's
Typografie darf nicht eigenständig modifiziert, kombiniert oder erweitert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Dont's
Typografie darf nicht eigenständig modifiziert, kombiniert oder erweitert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Dont's
Typografie darf nicht eigenständig modifiziert, kombiniert oder erweitert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Keine anderen Schriften
Keine anderen Schriften
Keine anderen Schriften
Keine unzulässigen Schrifschnitte
Keine unzulässigen Schrifschnitte
Keine unzulässigen Schrifschnitte
Keine zu engen Zeichenabstände
Keine zu engen Zeichenabstände
Keine zu engen Zeichenabstände
Keine zu großen Zeichenabstände
Keine zu großen Zeichenabstände
Keine zu großen Zeichenabstände
Keine Versalien in Überschriften
Keine Versalien in Überschriften
Keine Versalien in Überschriften
Keine zu engen Zeilenabstände
Keine zu engen Zeilenabstände
Keine zu engen Zeilenabstände
Keine kontrastarmen Farbkombinationen
Keine kontrastarmen Farbkombinationen
Keine kontrastarmen Farbkombinationen
Keine unharmonischen Farbkombinationen
Keine unharmonischen Farbkombinationen
Keine unharmonischen Farbkombinationen
Nicht zu viele Farbkombinationen
Nicht zu viele Farbkombinationen
Nicht zu viele Farbkombinationen
Bildsprache & -auswahl
Um die Atmosphäre unserer Marke angemessen widerzuspiegeln und eine konsistente Bildwelt zu schaffen, ist eine sorgfältige und durchdachte Auswahl der Bilder von entscheidender Bedeutung. Fotografien erfüllen in verschiedenen Designs unterschiedliche Funktionen. Sie können spezifische Inhalte darstellen oder eine bestimmte Stimmung erzeugen und als Blickfang fungieren.
Bildsprache & -auswahl
Um die Atmosphäre unserer Marke angemessen widerzuspiegeln und eine konsistente Bildwelt zu schaffen, ist eine sorgfältige und durchdachte Auswahl der Bilder von entscheidender Bedeutung. Fotografien erfüllen in verschiedenen Designs unterschiedliche Funktionen. Sie können spezifische Inhalte darstellen oder eine bestimmte Stimmung erzeugen und als Blickfang fungieren.
Bildsprache & -auswahl
Um die Atmosphäre unserer Marke angemessen widerzuspiegeln und eine konsistente Bildwelt zu schaffen, ist eine sorgfältige und durchdachte Auswahl der Bilder von entscheidender Bedeutung. Fotografien erfüllen in verschiedenen Designs unterschiedliche Funktionen. Sie können spezifische Inhalte darstellen oder eine bestimmte Stimmung erzeugen und als Blickfang fungieren.
Transparent
Bilder in diesem Stil zeigen Prozesse, Informationen oder Projekte aus Stadt und Landkreis, die auf dem Mitmachportal zur Beteiligung vorgestellt werden. Sie machen Verwaltungsarbeit nachvollziehbar, zeigen Projektstände oder laden zum Einblick in kommunale Themen ein.
1
2
3
4
Transparent
Bilder in diesem Stil zeigen Prozesse, Informationen oder Projekte aus Stadt und Landkreis, die auf dem Mitmachportal zur Beteiligung vorgestellt werden. Sie machen Verwaltungsarbeit nachvollziehbar, zeigen Projektstände oder laden zum Einblick in kommunale Themen ein.
1
2
3
4
Transparent
Bilder in diesem Stil zeigen Prozesse, Informationen oder Projekte aus Stadt und Landkreis, die auf dem Mitmachportal zur Beteiligung vorgestellt werden. Sie machen Verwaltungsarbeit nachvollziehbar, zeigen Projektstände oder laden zum Einblick in kommunale Themen ein.
1
2
3
4
Demokratisch
Dieser Bildstil zeigt, wie Bürger:innen aktiv an Entscheidungen teilhaben – ob digital, im Dialog oder auf Veranstaltungen. Es geht um Begegnung auf Augenhöhe, Mitbestimmung und gelebte Demokratie im Alltag.
Demokratisch
Dieser Bildstil zeigt, wie Bürger:innen aktiv an Entscheidungen teilhaben – ob digital, im Dialog oder auf Veranstaltungen. Es geht um Begegnung auf Augenhöhe, Mitbestimmung und gelebte Demokratie im Alltag.
Demokratisch
Dieser Bildstil zeigt, wie Bürger:innen aktiv an Entscheidungen teilhaben – ob digital, im Dialog oder auf Veranstaltungen. Es geht um Begegnung auf Augenhöhe, Mitbestimmung und gelebte Demokratie im Alltag.
1
2
3
4
1
2
3
4
1
2
3
4
Progressiv
Diese Bilder stehen für Aufbruch, Wandel und Entwicklung. Sie zeigen, wie Menschen gemeinsam ihre Umgebung gestalten, wie Ideen Form annehmen und Fortschritt entsteht – durch bürgerschaftliches Engagement.
1
2
3
Progressiv
Diese Bilder stehen für Aufbruch, Wandel und Entwicklung. Sie zeigen, wie Menschen gemeinsam ihre Umgebung gestalten, wie Ideen Form annehmen und Fortschritt entsteht – durch bürgerschaftliches Engagement.
1
2
3
Progressiv
Diese Bilder stehen für Aufbruch, Wandel und Entwicklung. Sie zeigen, wie Menschen gemeinsam ihre Umgebung gestalten, wie Ideen Form annehmen und Fortschritt entsteht – durch bürgerschaftliches Engagement.
1
2
3
Nutzung von Fotodatenbanken
Sind keine spezifischen Inhalte erforderlich, können allgemeine Bilder genutzt werden, um die Kernwerte unserer Marke zu transportieren: Gemeinschaft, Teilhabe und Begegnung. Nachfolgende Keywords helfen uns dabei, passende Bilder zu finden, die unsere Botschaft transportieren und die gewünschten Emotionen hervorrufen:
Nutzung von Fotodatenbanken
Sind keine spezifischen Inhalte erforderlich, können allgemeine Bilder genutzt werden, um die Kernwerte unserer Marke zu transportieren: Gemeinschaft, Teilhabe und Begegnung. Nachfolgende Keywords helfen uns dabei, passende Bilder zu finden, die unsere Botschaft transportieren und die gewünschten Emotionen hervorrufen:
Nutzung von Fotodatenbanken
Sind keine spezifischen Inhalte erforderlich, können allgemeine Bilder genutzt werden, um die Kernwerte unserer Marke zu transportieren: Gemeinschaft, Teilhabe und Begegnung. Nachfolgende Keywords helfen uns dabei, passende Bilder zu finden, die unsere Botschaft transportieren und die gewünschten Emotionen hervorrufen:
Diagrams
Vote
Maps
Discussions
Planning
Speeches
Lectures
Politics
Presentations
Debate
Democracy
Diskurs
Demos
Voting
Bildbearbeitung
Durch gezielte Bildbearbeitung und Farbkorrekturen lässt sich eine wärmere, magentalastige Farbgebung erzielen. Diese Anpassungen repräsentieren unsere Markenidentität optimal, wobei die Farben harmonisch und natürlich wirken müssen, um unsere Authentizität zu bewahren.
Empfohlene Farbeinstellungen
Dont's
Bildsprache und -auswahl sollten mit Bedacht und gemäß den oben genannten Regeln eingesetzt werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Dont's
Bildsprache und -auswahl sollten mit Bedacht und gemäß den oben genannten Regeln eingesetzt werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Dont's
Bildsprache und -auswahl sollten mit Bedacht und gemäß den oben genannten Regeln eingesetzt werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Keine Effekte und Filter
Keine Effekte und Filter
Keine Effekte und Filter
Keine unechten Bilder
Keine unechten Bilder
Keine unechten Bilder
Keine unnatürliche Bearbeitung
Keine unnatürliche Bearbeitung
Keine unnatürliche Bearbeitung
Keine gestellten Fotos
Keine gestellten Fotos
Keine gestellten Fotos
Keine düsteren Fotos
Keine düsteren Fotos
Keine düsteren Fotos
Keine überladenen Fotos
Keine überladenen Fotos
Keine überladenen Fotos
Keine unpassenden Bildmotive
Keine unpassenden Bildmotive
Keine unpassenden Bildmotive
Keine überbelichteten Fotos
Keine überbelichteten Fotos
Keine überbelichteten Fotos
Keine unterbelichteten Fotos
Keine unterbelichteten Fotos
Keine unterbelichteten Fotos
Illustrationen
Illustrationen verleihen unserer Kommunikation Klarheit, Persönlichkeit und Leichtigkeit. Sie helfen, komplexe Ideen zu vermitteln, die Markenidentität zu stärken und Nutzer:innen durch wichtige Momente ihrer Reise zu führen.
Illustrationen
Illustrationen verleihen unserer Kommunikation Klarheit, Persönlichkeit und Leichtigkeit. Sie helfen, komplexe Ideen zu vermitteln, die Markenidentität zu stärken und Nutzer:innen durch wichtige Momente ihrer Reise zu führen.
Illustrationen
Illustrationen verleihen unserer Kommunikation Klarheit, Persönlichkeit und Leichtigkeit. Sie helfen, komplexe Ideen zu vermitteln, die Markenidentität zu stärken und Nutzer:innen durch wichtige Momente ihrer Reise zu führen.
Hauptillustrationen
Alle handgezeichneten Illustrationen sind zugänglich und inklusiv gestaltet. Sie spiegeln die Vielfalt unserer Nutzer:innen wider, kommunizieren die Kernattribute unserer Marke und fügen sich nahtlos in unsere Markenwelt ein.
Hauptillustrationen
Alle handgezeichneten Illustrationen sind zugänglich und inklusiv gestaltet. Sie spiegeln die Vielfalt unserer Nutzer:innen wider, kommunizieren die Kernattribute unserer Marke und fügen sich nahtlos in unsere Markenwelt ein.
Hauptillustrationen
Alle handgezeichneten Illustrationen sind zugänglich und inklusiv gestaltet. Sie spiegeln die Vielfalt unserer Nutzer:innen wider, kommunizieren die Kernattribute unserer Marke und fügen sich nahtlos in unsere Markenwelt ein.
1
2
3
4
1
2
3
4
1
2
3
4
Mini Illustrationen
Alle Illustrationen können nicht nur als Komposition betrachtet werden, sondern bieten auch die Möglichkeit, einzelne Elemente flexibel und modular zu kombinieren.
Mini Illustrationen
Alle Illustrationen können nicht nur als Komposition betrachtet werden, sondern bieten auch die Möglichkeit, einzelne Elemente flexibel und modular zu kombinieren.
Mini Illustrationen
Alle Illustrationen können nicht nur als Komposition betrachtet werden, sondern bieten auch die Möglichkeit, einzelne Elemente flexibel und modular zu kombinieren.
Dont's
Illustrationen dürfen nicht eigenständig modifiziert, kombiniert oder erweitert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Dont's
Illustrationen dürfen nicht eigenständig modifiziert, kombiniert oder erweitert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Dont's
Illustrationen dürfen nicht eigenständig modifiziert, kombiniert oder erweitert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Nicht zu viele Überlagerungen
Nicht zu viele Überlagerungen
Nicht zu viele Überlagerungen
Keine anderen Farben
Keine anderen Farben
Keine anderen Farben
Kein anderer Grafik-Stil
Kein anderer Grafik-Stil
Kein anderer Grafik-Stil
Keine neue Anodnung der Elemente
Keine neue Anodnung der Elemente
Keine neue Anodnung der Elemente
Keine Schatten und Effekte
Keine Schatten und Effekte
Keine Schatten und Effekte
Kein Verzerren
Kein Verzerren
Kein Verzerren
Ikonografie
Phosphor ist eine sich stetig erweiternde und flexible Symbolfamilie für Schnittstellen, Diagramme und Präsentationen. Alle derzeit knapp 10.000 Icons sind unter der MIT-Lizenz lizenziert und damit kostenlos nutzbar.
Raster & Layouts
Unser Raster bildet das fundamentale Gestaltungselement für Kommunikationsmedien wie Flyer, Banner und Social Media Posts. Es schafft eine durchdachte Struktur und Einheitlichkeit, die kreative Ideen optimal umsetzt und die Botschaft klar vermittelt. In der Interaktion mit Schwestermarken trägt das Raster entscheidend zu einem harmonischen Erscheinungsbild bei und steigert den Wiedererkennungswert der Markenidentität.
Raster & Layouts
Unser Raster bildet das fundamentale Gestaltungselement für Kommunikationsmedien wie Flyer, Banner und Social Media Posts. Es schafft eine durchdachte Struktur und Einheitlichkeit, die kreative Ideen optimal umsetzt und die Botschaft klar vermittelt. In der Interaktion mit Schwestermarken trägt das Raster entscheidend zu einem harmonischen Erscheinungsbild bei und steigert den Wiedererkennungswert der Markenidentität.
Raster & Layouts
Unser Raster bildet das fundamentale Gestaltungselement für Kommunikationsmedien wie Flyer, Banner und Social Media Posts. Es schafft eine durchdachte Struktur und Einheitlichkeit, die kreative Ideen optimal umsetzt und die Botschaft klar vermittelt. In der Interaktion mit Schwestermarken trägt das Raster entscheidend zu einem harmonischen Erscheinungsbild bei und steigert den Wiedererkennungswert der Markenidentität.
Ränder
Klare Ränder sorgen für eine ordentliche und gut lesbare Gestaltung. Die Standard-Randbreite ergibt sich aus der Teilung der längsten Dokumentseite in 24 gleich große Abschnitte – ein Abschnitt definiert dabei die Randbreite. Bei besonders breiten oder hohen Formaten können die Ränder verkleinert werden, um ausreichend Platz für den Inhalt zu schaffen (vgl. Optische Bewertung).
Ränder
Klare Ränder sorgen für eine ordentliche und gut lesbare Gestaltung. Die Standard-Randbreite ergibt sich aus der Teilung der längsten Dokumentseite in 24 gleich große Abschnitte – ein Abschnitt definiert dabei die Randbreite. Bei besonders breiten oder hohen Formaten können die Ränder verkleinert werden, um ausreichend Platz für den Inhalt zu schaffen (vgl. Optische Bewertung).
Ränder
Klare Ränder sorgen für eine ordentliche und gut lesbare Gestaltung. Die Standard-Randbreite ergibt sich aus der Teilung der längsten Dokumentseite in 24 gleich große Abschnitte – ein Abschnitt definiert dabei die Randbreite. Bei besonders breiten oder hohen Formaten können die Ränder verkleinert werden, um ausreichend Platz für den Inhalt zu schaffen (vgl. Optische Bewertung).
Anwendung
Die Breite der Ränder ergibt sich durch Teilung der längsten Dokumentseite in 24 gleiche Abschnitte. Formel:
Lange Seite ÷ 24 = Rand.
1
2
Anwendung
Die Breite der Ränder ergibt sich durch Teilung der längsten Dokumentseite in 24 gleiche Abschnitte. Formel:
Lange Seite ÷ 24 = Rand.
1
2
Anwendung
Die Breite der Ränder ergibt sich durch Teilung der längsten Dokumentseite in 24 gleiche Abschnitte. Formel:
Lange Seite ÷ 24 = Rand.
1
2
Optische Bewertung
In bestimmten Situationen ist es notwendig, von der zuvor genannten Formel zur Berechnung der Randbreite abzuweichen. In solchen Fällen sollte eine sorgfältige optische Bewertung als Grundlage für die Entscheidungsfindung herangezogen werden.
Optische Bewertung
In bestimmten Situationen ist es notwendig, von der zuvor genannten Formel zur Berechnung der Randbreite abzuweichen. In solchen Fällen sollte eine sorgfältige optische Bewertung als Grundlage für die Entscheidungsfindung herangezogen werden.
Optische Bewertung
In bestimmten Situationen ist es notwendig, von der zuvor genannten Formel zur Berechnung der Randbreite abzuweichen. In solchen Fällen sollte eine sorgfältige optische Bewertung als Grundlage für die Entscheidungsfindung herangezogen werden.
Absolut richtig
Absolut richtig
Absolut richtig
Zu schmaler Rand
Zu schmaler Rand
Zu schmaler Rand
Zu breiter Rand
Zu breiter Rand
Zu breiter Rand
Keyvisual
Als zentrales visuelles Element in unserer Gestaltung verwenden wir eine markante, trennende Farbfläche. Beim Mitmachportal endet diese in einer klaren, geraden Linie, die nahe dem Rand in ein nach oben abstehendes Dreieck übergeht – eine abstrahierte Sprechblase, die den Dialog zwischen Bürger:innen und Verwaltung symbolisiert. Der Abstand zum Rand beträgt stets die Breite des Dreiecks. Die Sprechblase wird proportional an die Breite oder Höhe des Formats angepasst, sodass das Dreieck in jeder Anwendung seine prägnante Form und Wirkung behält.
Keyvisual
Als zentrales visuelles Element in unserer Gestaltung verwenden wir eine markante, trennende Farbfläche. Beim Mitmachportal endet diese in einer klaren, geraden Linie, die nahe dem Rand in ein nach oben abstehendes Dreieck übergeht – eine abstrahierte Sprechblase, die den Dialog zwischen Bürger:innen und Verwaltung symbolisiert. Der Abstand zum Rand beträgt stets die Breite des Dreiecks. Die Sprechblase wird proportional an die Breite oder Höhe des Formats angepasst, sodass das Dreieck in jeder Anwendung seine prägnante Form und Wirkung behält.
Keyvisual
Als zentrales visuelles Element in unserer Gestaltung verwenden wir eine markante, trennende Farbfläche. Beim Mitmachportal endet diese in einer klaren, geraden Linie, die nahe dem Rand in ein nach oben abstehendes Dreieck übergeht – eine abstrahierte Sprechblase, die den Dialog zwischen Bürger:innen und Verwaltung symbolisiert. Der Abstand zum Rand beträgt stets die Breite des Dreiecks. Die Sprechblase wird proportional an die Breite oder Höhe des Formats angepasst, sodass das Dreieck in jeder Anwendung seine prägnante Form und Wirkung behält.
Trennende Farbfläche
Die Farbfläche bietet flexible Einsatzmöglichkeiten – horizontal und vertikal. Diese Vielseitigkeit erlaubt eine optimale Integration in verschiedene Layouts und ermöglicht eine gezielte visuelle Raumgestaltung.
Trennende Farbfläche
Die Farbfläche bietet flexible Einsatzmöglichkeiten – horizontal und vertikal. Diese Vielseitigkeit erlaubt eine optimale Integration in verschiedene Layouts und ermöglicht eine gezielte visuelle Raumgestaltung.
Trennende Farbfläche
Die Farbfläche bietet flexible Einsatzmöglichkeiten – horizontal und vertikal. Diese Vielseitigkeit erlaubt eine optimale Integration in verschiedene Layouts und ermöglicht eine gezielte visuelle Raumgestaltung.
1
2
3
1
2
3
1
2
3
Flächenaufteilung
Um verschiedene Einsatzzwecke zu ermöglichen, wurde das Design mit durchdachter Flächenaufteilung konzipiert. Das Ziel ist es, den ikonischen Charakter und die markanten Gestaltungselemente zu bewahren und gleichzeitig die Flexibilität zu erhalten, sodass es sich anpassen kann, ohne seine ursprüngliche Ästhetik zu verlieren.
Flächenaufteilung
Um verschiedene Einsatzzwecke zu ermöglichen, wurde das Design mit durchdachter Flächenaufteilung konzipiert. Das Ziel ist es, den ikonischen Charakter und die markanten Gestaltungselemente zu bewahren und gleichzeitig die Flexibilität zu erhalten, sodass es sich anpassen kann, ohne seine ursprüngliche Ästhetik zu verlieren.
Flächenaufteilung
Um verschiedene Einsatzzwecke zu ermöglichen, wurde das Design mit durchdachter Flächenaufteilung konzipiert. Das Ziel ist es, den ikonischen Charakter und die markanten Gestaltungselemente zu bewahren und gleichzeitig die Flexibilität zu erhalten, sodass es sich anpassen kann, ohne seine ursprüngliche Ästhetik zu verlieren.
Grundraster im Hochformat
Das hochformatige Grundraster ergibt sich durch Teilung der längsten Seite in 6 gleiche Abschnitte. Formel: Lange Seite ÷ 6 = Zeilenhöhe.
Grundraster im Hochformat
Das hochformatige Grundraster ergibt sich durch Teilung der längsten Seite in 6 gleiche Abschnitte. Formel: Lange Seite ÷ 6 = Zeilenhöhe.
Grundraster im Hochformat
Das hochformatige Grundraster ergibt sich durch Teilung der längsten Seite in 6 gleiche Abschnitte. Formel: Lange Seite ÷ 6 = Zeilenhöhe.
Flächen im Hochformat
Die trennende Farbfläche richtet sich bedarfsorientiert an den zuvor beschriebenen Zeilen aus. Dabei sollten zu schmale Abschnitte (1/6 sowie 5/6) vermieden werden.
1
2
3
4
Flächen im Hochformat
Die trennende Farbfläche richtet sich bedarfsorientiert an den zuvor beschriebenen Zeilen aus. Dabei sollten zu schmale Abschnitte (1/6 sowie 5/6) vermieden werden.
1
2
3
4
Flächen im Hochformat
Die trennende Farbfläche richtet sich bedarfsorientiert an den zuvor beschriebenen Zeilen aus. Dabei sollten zu schmale Abschnitte (1/6 sowie 5/6) vermieden werden.
1
2
3
4
Grundraster im Querformat
Das querformatige Grundraster ergibt sich durch vertikale Teilung der längsten Seite in 6 gleiche Abschnitte. Formel: Lange Seite ÷ 6 = Spaltenbreite.
Grundraster im Querformat
Das querformatige Grundraster ergibt sich durch vertikale Teilung der längsten Seite in 6 gleiche Abschnitte. Formel: Lange Seite ÷ 6 = Spaltenbreite.
Grundraster im Querformat
Das querformatige Grundraster ergibt sich durch vertikale Teilung der längsten Seite in 6 gleiche Abschnitte. Formel: Lange Seite ÷ 6 = Spaltenbreite.
Flächen im Querformat
Die trennende Farbfläche richtet sich bedarfsorientiert an den zuvor beschriebenen Spalten aus. Dabei sollten zu schmale Abschnitte (1/6 sowie 5/6) vermieden werden.
1
2
3
4
Flächen im Querformat
Die trennende Farbfläche richtet sich bedarfsorientiert an den zuvor beschriebenen Spalten aus. Dabei sollten zu schmale Abschnitte (1/6 sowie 5/6) vermieden werden.
1
2
3
4
Flächen im Querformat
Die trennende Farbfläche richtet sich bedarfsorientiert an den zuvor beschriebenen Spalten aus. Dabei sollten zu schmale Abschnitte (1/6 sowie 5/6) vermieden werden.
1
2
3
4
Gestaltungsraster
Die Platzierung von Inhalten wie Logos, Texten und Überschriften folgt einem definierten Gestaltungsraster für ein konsistentes Erscheinungsbild. Ihre Positionen passen sich dem Format an und bleiben dabei klar und ausgewogen.
Gestaltungsraster
Die Platzierung von Inhalten wie Logos, Texten und Überschriften folgt einem definierten Gestaltungsraster für ein konsistentes Erscheinungsbild. Ihre Positionen passen sich dem Format an und bleiben dabei klar und ausgewogen.
Gestaltungsraster
Die Platzierung von Inhalten wie Logos, Texten und Überschriften folgt einem definierten Gestaltungsraster für ein konsistentes Erscheinungsbild. Ihre Positionen passen sich dem Format an und bleiben dabei klar und ausgewogen.
Spalten im Innenraum
Der Innenraum eines Dokuments wird in vertikale Spalten unterteilt, um Inhalte klar zu strukturieren. Die Spaltenanzahl hängt von der Dokumentbreite und Inhaltskomplexität ab. Bei schmalen Layouts werden 2-4 Spalten verwendet, bei breiten Layouts 6-12 Spalten. Diese Flexibilität ermöglicht eine optimale Informationspräsentation.
Spalten im Innenraum
Der Innenraum eines Dokuments wird in vertikale Spalten unterteilt, um Inhalte klar zu strukturieren. Die Spaltenanzahl hängt von der Dokumentbreite und Inhaltskomplexität ab. Bei schmalen Layouts werden 2-4 Spalten verwendet, bei breiten Layouts 6-12 Spalten. Diese Flexibilität ermöglicht eine optimale Informationspräsentation.
Spalten im Innenraum
Der Innenraum eines Dokuments wird in vertikale Spalten unterteilt, um Inhalte klar zu strukturieren. Die Spaltenanzahl hängt von der Dokumentbreite und Inhaltskomplexität ab. Bei schmalen Layouts werden 2-4 Spalten verwendet, bei breiten Layouts 6-12 Spalten. Diese Flexibilität ermöglicht eine optimale Informationspräsentation.
Anwendung im Hochformat
Anwendung im Hochformat
Anwendung im Hochformat
1
2
3
1
2
3
1
2
3
Anwendung im Querformat
Anwendung im Querformat
Anwendung im Querformat
1
2
3
1
2
3
1
2
3
Textplatzierung
Texte, Überschriften und Tabellen werden innerhalb definierter Farbflächen positioniert, um Lesbarkeit und visuelle Klarheit zu gewährleisten. Eine Außnahme stellt die Nutzung von Vollflächenbildern dar, welche eine Textplatzierung mit genügend Kontrast zulassen.
Textplatzierung
Texte, Überschriften und Tabellen werden innerhalb definierter Farbflächen positioniert, um Lesbarkeit und visuelle Klarheit zu gewährleisten. Eine Außnahme stellt die Nutzung von Vollflächenbildern dar, welche eine Textplatzierung mit genügend Kontrast zulassen.
Textplatzierung
Texte, Überschriften und Tabellen werden innerhalb definierter Farbflächen positioniert, um Lesbarkeit und visuelle Klarheit zu gewährleisten. Eine Außnahme stellt die Nutzung von Vollflächenbildern dar, welche eine Textplatzierung mit genügend Kontrast zulassen.
Überschriften
Um optimale Sichtbarkeit zu garantieren, sollten Überschriften in der oberen linken Ecke der Farbfläche platziert werden. Bei Überlagerung durch andere Elemente ist ein vertikaler Abstand von mindestens 1/8 der Dokumentenhöhe einzuhalten. In Ausnahmefällen kann eine vertikale Ausrichtung von unten nach oben die Lesbarkeit verbessern.
Überschriften
Um optimale Sichtbarkeit zu garantieren, sollten Überschriften in der oberen linken Ecke der Farbfläche platziert werden. Bei Überlagerung durch andere Elemente ist ein vertikaler Abstand von mindestens 1/8 der Dokumentenhöhe einzuhalten. In Ausnahmefällen kann eine vertikale Ausrichtung von unten nach oben die Lesbarkeit verbessern.
Überschriften
Um optimale Sichtbarkeit zu garantieren, sollten Überschriften in der oberen linken Ecke der Farbfläche platziert werden. Bei Überlagerung durch andere Elemente ist ein vertikaler Abstand von mindestens 1/8 der Dokumentenhöhe einzuhalten. In Ausnahmefällen kann eine vertikale Ausrichtung von unten nach oben die Lesbarkeit verbessern.
Unterzeilen
Die Höhe des Abstands von Unterzeilen (engl. Sublines) sowie Paragraphen unter Überschriften richtet sich nach der Mittellänge (x-Linie) der darüberstehenden Überschrift.
Unterzeilen
Die Höhe des Abstands von Unterzeilen (engl. Sublines) sowie Paragraphen unter Überschriften richtet sich nach der Mittellänge (x-Linie) der darüberstehenden Überschrift.
Unterzeilen
Die Höhe des Abstands von Unterzeilen (engl. Sublines) sowie Paragraphen unter Überschriften richtet sich nach der Mittellänge (x-Linie) der darüberstehenden Überschrift.
Footer
Der Footer wird im Hochformat stets links unten und im Querformat rechts unten platziert. Bei schmalen Hochformaten, wie DIN Lang, rückt der Footer in die rechte obere Ecke, um Platz für das Logo zu schaffen.
Footer
Der Footer wird im Hochformat stets links unten und im Querformat rechts unten platziert. Bei schmalen Hochformaten, wie DIN Lang, rückt der Footer in die rechte obere Ecke, um Platz für das Logo zu schaffen.
Footer
Der Footer wird im Hochformat stets links unten und im Querformat rechts unten platziert. Bei schmalen Hochformaten, wie DIN Lang, rückt der Footer in die rechte obere Ecke, um Platz für das Logo zu schaffen.
1
2
1
2
1
2
Logoplatzierung – Print und Screen
Das Logo wird im Hochformat zentriert in der rechten unteren Ecke der Farbfläche platziert, im Querformat linksbündig in der linken unteren Ecke. Diese Platzierung sorgt für ein einheitliches und ausgewogenes Erscheinungsbild. Auf der 1/3-Hochformat-Fläche wird ausschließlich die Bildmarke verwendet.
Logoplatzierung – Print und Screen
Das Logo wird im Hochformat zentriert in der rechten unteren Ecke der Farbfläche platziert, im Querformat linksbündig in der linken unteren Ecke. Diese Platzierung sorgt für ein einheitliches und ausgewogenes Erscheinungsbild. Auf der 1/3-Hochformat-Fläche wird ausschließlich die Bildmarke verwendet.
Logoplatzierung – Print und Screen
Das Logo wird im Hochformat zentriert in der rechten unteren Ecke der Farbfläche platziert, im Querformat linksbündig in der linken unteren Ecke. Diese Platzierung sorgt für ein einheitliches und ausgewogenes Erscheinungsbild. Auf der 1/3-Hochformat-Fläche wird ausschließlich die Bildmarke verwendet.
1
2
3
1
2
3
1
2
3
Logoplatzierung bei Social Media
Bei Social Media Postings im Post- und Story-Format wird ausschließlich die Bildmarke verwendet. Sie wird dezent in der rechten unteren Ecke auf der Farbfläche platziert, um den Fokus auf den Inhalt zu lenken und ein aufgeräumtes Layout zu gewährleisten.
1
2
Logoplatzierung bei Social Media
Bei Social Media Postings im Post- und Story-Format wird ausschließlich die Bildmarke verwendet. Sie wird dezent in der rechten unteren Ecke auf der Farbfläche platziert, um den Fokus auf den Inhalt zu lenken und ein aufgeräumtes Layout zu gewährleisten.
1
2
Logoplatzierung bei Social Media
Bei Social Media Postings im Post- und Story-Format wird ausschließlich die Bildmarke verwendet. Sie wird dezent in der rechten unteren Ecke auf der Farbfläche platziert, um den Fokus auf den Inhalt zu lenken und ein aufgeräumtes Layout zu gewährleisten.
1
2
Dont's
Raster, Layouts sowie die Platzierung von Texten dürfen nicht eigenständig modifiziert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Dont's
Raster, Layouts sowie die Platzierung von Texten dürfen nicht eigenständig modifiziert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Dont's
Raster, Layouts sowie die Platzierung von Texten dürfen nicht eigenständig modifiziert werden. Die folgenden Nutzungsszenarien verstoßen gegen unsere Richtlinien. Indem wir sie vermeiden, tragen wir dazu bei, unsere Markenpräsenz einheitlich, konsistent und professionell zu gestalten.
Keine vollflächigen Bilder ohne Weißraum
Keine vollflächigen Bilder ohne Weißraum
Keine vollflächigen Bilder ohne Weißraum
Keine Platzierung der Farbfläche am oberen Rand
Keine Platzierung der Farbfläche am oberen Rand
Keine Platzierung der Farbfläche am oberen Rand
Keine freie Anordnung von Gestaltungselementen
Keine freie Anordnung von Gestaltungselementen
Keine freie Anordnung von Gestaltungselementen
Keine Misachtung des Innenabstands
Keine Misachtung des Innenabstands
Keine Misachtung des Innenabstands
Keine rechtsbündige Textsetzung
Keine rechtsbündige Textsetzung
Keine rechtsbündige Textsetzung
Keine Trennung von Markenzeichen
Keine Trennung von Markenzeichen
Keine Trennung von Markenzeichen
Keine zu schmale Flächenaufteilung
Keine zu schmale Flächenaufteilung
Keine zu schmale Flächenaufteilung
Keine Invertierung der Farbfläche
Keine Invertierung der Farbfläche
Keine Invertierung der Farbfläche
Keine andere Formsprache der Trennlinie
Keine andere Formsprache der Trennlinie
Keine andere Formsprache der Trennlinie
Anwendungsbeispiele
Die nachfolgenden Anwendungsbeispiele dienen der Veranschaulichung unserer finalen Außenwirkung unter Berücksichtigung aller zuvor erwähnten Gestaltungsrichtlinien. So soll die Vision hinter der Gestaltung greifbarer werden.
Anwendungsbeispiele
Die nachfolgenden Anwendungsbeispiele dienen der Veranschaulichung unserer finalen Außenwirkung unter Berücksichtigung aller zuvor erwähnten Gestaltungsrichtlinien. So soll die Vision hinter der Gestaltung greifbarer werden.
Anwendungsbeispiele
Die nachfolgenden Anwendungsbeispiele dienen der Veranschaulichung unserer finalen Außenwirkung unter Berücksichtigung aller zuvor erwähnten Gestaltungsrichtlinien. So soll die Vision hinter der Gestaltung greifbarer werden.
E-Mail Signatur
<div style="font-family: 'Inclusive Sans', Verdana, sans-serif; font-size: 14px;"> <p style="margin: 0;">Mit freundlichen Grüßen,<br>{Vorname} {Nachname}</p> <div style="margin: 48px 0 24px;"> <img src="https://framerusercontent.com/images/6DToOmQWtBdfUFZknURGHEiXNkY.svg" alt="Logo" style="width: 64px; height: 64px;"> </div> <div style="font-size: 16px; font-weight: 600;"> Mitmachportal der Region Würzburg </div> <ul style="list-style-type: none; padding: 0; margin: 8px 0 0;"> <li>Mobil: +49 123 456789</li> <li>Email: name@mitmachportal.org</li> <li>Website: www.mitmachportal.org</li> </ul> <div style="margin-top: 36px; font-size: 10px;"> <p>Ein Gemeinschaftsprojekt von Stadt und Landkreis Würzburg.<br> Gefördert durch das Bundesministerium für Wohnen, Stadtentwicklung und Bauwesen.<br> Mehr Informationen unter:</p> <ul style="list-style-type: none; padding: 0; margin: 0;"> <li>www.wuerzburg.de</li> <li>www.landkreis-wuerzburg.de</li> <li>www.stadt-land-wue.de</li> </ul> </div> </div>
E-Mail Signatur
<div style="font-family: 'Inclusive Sans', Verdana, sans-serif; font-size: 14px;"> <p style="margin: 0;">Mit freundlichen Grüßen,<br>{Vorname} {Nachname}</p> <div style="margin: 48px 0 24px;"> <img src="https://framerusercontent.com/images/6DToOmQWtBdfUFZknURGHEiXNkY.svg" alt="Logo" style="width: 64px; height: 64px;"> </div> <div style="font-size: 16px; font-weight: 600;"> Mitmachportal der Region Würzburg </div> <ul style="list-style-type: none; padding: 0; margin: 8px 0 0;"> <li>Mobil: +49 123 456789</li> <li>Email: name@mitmachportal.org</li> <li>Website: www.mitmachportal.org</li> </ul> <div style="margin-top: 36px; font-size: 10px;"> <p>Ein Gemeinschaftsprojekt von Stadt und Landkreis Würzburg.<br> Gefördert durch das Bundesministerium für Wohnen, Stadtentwicklung und Bauwesen.<br> Mehr Informationen unter:</p> <ul style="list-style-type: none; padding: 0; margin: 0;"> <li>www.wuerzburg.de</li> <li>www.landkreis-wuerzburg.de</li> <li>www.stadt-land-wue.de</li> </ul> </div> </div>
E-Mail Signatur
<div style="font-family: 'Inclusive Sans', Verdana, sans-serif; font-size: 14px;"> <p style="margin: 0;">Mit freundlichen Grüßen,<br>{Vorname} {Nachname}</p> <div style="margin: 48px 0 24px;"> <img src="https://framerusercontent.com/images/6DToOmQWtBdfUFZknURGHEiXNkY.svg" alt="Logo" style="width: 64px; height: 64px;"> </div> <div style="font-size: 16px; font-weight: 600;"> Mitmachportal der Region Würzburg </div> <ul style="list-style-type: none; padding: 0; margin: 8px 0 0;"> <li>Mobil: +49 123 456789</li> <li>Email: name@mitmachportal.org</li> <li>Website: www.mitmachportal.org</li> </ul> <div style="margin-top: 36px; font-size: 10px;"> <p>Ein Gemeinschaftsprojekt von Stadt und Landkreis Würzburg.<br> Gefördert durch das Bundesministerium für Wohnen, Stadtentwicklung und Bauwesen.<br> Mehr Informationen unter:</p> <ul style="list-style-type: none; padding: 0; margin: 0;"> <li>www.wuerzburg.de</li> <li>www.landkreis-wuerzburg.de</li> <li>www.stadt-land-wue.de</li> </ul> </div> </div>
Downloads
Downloads
Downloads
logos
.zip
Markenzeichen wie Wort- & Bildmarke, Signet und Avatare als Raster- und Vektordateien.
Updated
9. April 2025
logos
.zip
Markenzeichen wie Wort- & Bildmarke, Signet und Avatare als Raster- und Vektordateien.
Updated
9. April 2025
logos
.zip
Markenzeichen wie Wort- & Bildmarke, Signet und Avatare als Raster- und Vektordateien.
Updated
9. April 2025
glyphs
.zip
Markenspezifische Schriften (Inclusive Sans) und Symbole (Phosphor Icons) als web- sowie printoptimierte Dateien.
Updated
9. April 2025
glyphs
.zip
Markenspezifische Schriften (Inclusive Sans) und Symbole (Phosphor Icons) als web- sowie printoptimierte Dateien.
Updated
9. April 2025
glyphs
.zip
Markenspezifische Schriften (Inclusive Sans) und Symbole (Phosphor Icons) als web- sowie printoptimierte Dateien.
Updated
9. April 2025
graphics
.zip
Illustrationen und Graphiken als Kompositionen sowie Einzelbestandteilen (Mini-Illustrationen) in Vektorformaten.
Updated
9. April 2025
graphics
.zip
Illustrationen und Graphiken als Kompositionen sowie Einzelbestandteilen (Mini-Illustrationen) in Vektorformaten.
Updated
9. April 2025
graphics
.zip
Illustrationen und Graphiken als Kompositionen sowie Einzelbestandteilen (Mini-Illustrationen) in Vektorformaten.
Updated
9. April 2025
socials
.zip
Templatisierte Social Media Formate (Stories, Posts, Carousels) zur Selbstanwendung.
Updated
14. März 2025
socials
.zip
Templatisierte Social Media Formate (Stories, Posts, Carousels) zur Selbstanwendung.
Updated
14. März 2025
socials
.zip
Templatisierte Social Media Formate (Stories, Posts, Carousels) zur Selbstanwendung.
Updated
14. März 2025
prints
.zip
Templatisierte Print Formate (Poster, Flyer, Stationary) zur Selbstanwendung.
Updated
14. März 2025
prints
.zip
Templatisierte Print Formate (Poster, Flyer, Stationary) zur Selbstanwendung.
Updated
14. März 2025
prints
.zip
Templatisierte Print Formate (Poster, Flyer, Stationary) zur Selbstanwendung.
Updated
14. März 2025
