Politiek CSS-sjablonen

Creatieve CSS-sjablonen voor politieke campagnes

De CSS-sjablonen voor politieke campagnes worden kant-en-klaar geleverd: themakaarten die bij elkaar passen, citaten van supporters met een uniforme vormgeving en knoppen voor supporters die als een set worden weergegeven. Het enige wat u nog hoeft te doen, is dit visuele systeem aanpassen aan uw specifieke campagne. De sjablonen die de moeite waard zijn, vereisen de minste aanpassingen om dit te bereiken.

Herhalende componenten stylen

Campagnemateriaal herhaalt zijn vormen met verschillende woorden erin. U hoeft de meeste visuele beslissingen dus maar één keer te nemen en deze vervolgens in hetzelfde patroon overal toe te passen. Drie van deze componenten dragen de identiteit:

1. Kleur, consistent gebruikt in de header, de themakaarten en de supporterknop, met een aparte status voor dringende aankondigingen.

2. Lettertype, gesplitst per rol, zodat de campagneslogan, de naam van de kandidaat en de themakoppen elk een andere nadruk hebben.

3. Knophiërarchie, omdat de belangrijkste oproep en een secundaire link nooit evenveel aandacht mogen krijgen, inclusief hover- en focusstatussen.

De kaarten zijn waar het systeem zich echt bewijst. Een issuekaart met een titel van twee woorden en een met een volledige zin moeten nog steeds netjes uitgelijnd zijn, wat te maken heeft met de afstand tussen de woorden, de opmaak van de kop en de hoogte van de kaart. Citaten van supporters zijn lastiger, omdat de ene supporter een regel schrijft en de volgende een alinea.

Issue Grids voor mobiel gebruik

Een rij van zes issuekaarten werkt prima op een desktop, maar is onmogelijk op een telefoon. Het Grid Element plaatst gerelateerde items in cellen en past deze indeling aan voor smallere schermen, zodat dezelfde posities als één kolom worden weergegeven. Drie details zorgen het vaakst voor problemen:

1. Lange wetsvoorstellen die op een derde regel doorlopen en de rest van de kaart vervormen.

2. Een portret van een kandidaat dat zijn desktop-proporties behoudt, terwijl de biografie ernaast een dunne strook wordt.

3. Evenementenoverzichten waarbij de datum, de locatie en de registratielink niet meer netjes uitgelijnd zijn zodra ze onder elkaar komen te staan.

De namen van kandidaten vormen de andere stresstest. Een volledige naam met een academische titel en een lange functietitel past zelden in de ruimte die een demo vrijlaat. De kop wordt ofwel netjes afgebroken, ofwel verpest het blok.

Uitzonderingen die het waard zijn om met de hand te schrijven

Sommige elementen hebben een eigen regel nodig. Een uitgelichte campagneaankondiging of een dringende mededeling over een verplaatste bijeenkomst kan een kleurstatus vereisen die de rest van het ontwerp niet gebruikt. Nicepage ondersteunt hiervoor aangepaste CSS-code, en de documentatie over aangepaste CSS beschrijft regels die kunnen worden toegepast op een enkel element, op een sectie of op de hele site.

Houd deze uitzonderingen zeldzaam. Een visueel systeem dat je steeds overschrijft, was vanaf het begin een verkeerde keuze. Het beste bewijs voor een goed systeem is hoe het zich gedraagt onder echt campagnemateriaal: lange kandidaatnamen, onregelmatige citaten en een steeds langer wordende evenementenlijst.