Politik CSS-Vorlagen

Kreative CSS-Vorlagen für Politik

Die CSS-Vorlagen für Politik sind bereits vorgefertigt: Themenkarten, einheitliche Zitate für Unterstützer und Buttons, die wie ein Set wirken. Sie müssen das visuelle System nur noch an Ihre Kampagne anpassen. Die besten Vorlagen benötigen dafür die wenigsten Änderungen.

Wiederkehrende Gestaltungselemente

Kampagnenmaterialien wiederholen ihre Formen, der Inhalt variiert jedoch. Daher treffen Sie die meisten visuellen Entscheidungen nur einmal und wenden sie einheitlich auf alle Elemente an. Drei Elemente prägen die Identität:

1. Die Farbe: Sie wird für Header, Themenkarten und Buttons verwendet, mit einer separaten Darstellung für dringende Ankündigungen.

2. Die Schriftart: Sie ist nach Rolle differenziert, sodass Kampagnenslogan, Kandidatenname und Themenüberschriften jeweils unterschiedlich gewichtet werden.

3. Die Button-Hierarchie: Hauptbotschaft und sekundärer Link sollten nicht gleich stark hervorgehoben werden, auch nicht beim Hovern oder Fokussieren.

Die Karten sind der Bereich, in dem sich das System bewährt. Eine Themenkarte mit einem zweiwortigen Titel und eine mit einem vollständigen Satz müssen weiterhin korrekt ausgerichtet sein. Dies hängt von Abständen, Überschriftengestaltung und Kartenhöhe ab. Zitate von Unterstützern sind schwieriger, da ein Unterstützer eine Zeile und der nächste einen Absatz schreibt.

Themenraster für Mobilgeräte

Eine Reihe von sechs Themenkarten funktioniert auf dem Desktop, ist aber auf einem Smartphone nicht nutzbar. Das Rasterelement ordnet zusammengehörige Elemente in Zellen an und passt diese Anordnung an schmalere Bildschirme an, sodass dieselben Positionen als eine einzige Spalte erscheinen. Drei Details führen häufig zu Problemen:

1. Lange Gesetzestitel, die in eine dritte Zeile umbrechen und den Rest der Karte verzerren.

2. Ein Kandidatenporträt, das seine Desktop-Proportionen beibehält, während die daneben stehende Biografie zu einem schmalen Streifen wird.

3. Veranstaltungshinweise, bei denen Datum, Ort und Anmeldelink nach dem Stapeln nicht mehr korrekt ausgerichtet sind.

Kandidatennamen stellen eine weitere Herausforderung dar. Ein vollständiger Name mit akademischem Titel und langem Amtsnamen passt selten in den verfügbaren Platz einer Demoversion. Die Überschrift passt entweder perfekt oder stört den Block.

Ausnahmen, die manuell hinzugefügt werden sollten

Manche Elemente benötigen eigene Regeln. Eine wichtige Kampagnenankündigung oder eine dringende Mitteilung über eine verschobene Kundgebung kann eine Farbgebung erfordern, die im restlichen Design nicht verwendet wird. Nicepage unterstützt benutzerdefinierten CSS-Code dafür. Die Dokumentation zu benutzerdefiniertem CSS beschreibt Regeln, die auf einzelne Elemente, Abschnitte oder die gesamte Website angewendet werden können.

Beschränken Sie solche Ausnahmen auf das Nötigste. Ein visuelles System, das Sie ständig überschreiben, war von Anfang an die falsche Wahl. Das beste Zeichen für ein gutes System ist sein Verhalten bei realen Kampagnenmaterialien: lange Kandidatennamen, ungleichmäßige Zitate und eine ständig wachsende Veranstaltungsliste.