Sponsors CSS-sjablonen

Responsieve CSS-sponsorsjablonen

Een overvolle sponsorwand kan de grens tussen een hoofdpartner en een lokale supporter vervagen, waardoor de zichtbaarheid die een sponsorpakket belooft verloren gaat. CSS-sponsorsjablonen bieden een gestylede basis met logosecties, niveaukoppen en tussenruimtes die direct op elkaar zijn afgestemd. U vertrekt vanuit een afgewerkte compositie en past deze aan uw eigen supporters aan.

Een lay-out kiezen voor sponsorniveaus

Bij veel evenementen maakt de hiërarchie van sponsors deel uit van de overeenkomst; de lay-out moet dit dus ondersteunen voordat u met de vormgeving begint. Kant-en-klare sponsorlay-outs volgen meestal een van de volgende drie structuren:

• Een gelijkmatig logoraster is ideaal voor een benefietdiner waar supporters op een vergelijkbaar niveau hebben bijgedragen.
• Getrapte groepen met eigen tussenkoppen passen bij een conferentie die goud-, zilver- en communitypakketten aanbiedt.
• Een uitgelicht blok met één breed vlak werkt goed voor een festival dat zijn titelsponsor de meest prominente plek heeft beloofd.

In deze collectie is 'Featured Sponsors' een kant-en-klare sectie voor logo's, terwijl 'Construction Sponsors' een raster gebruikt met een zakelijke uitstraling die past bij een brancheorganisatie in de bouw. Welke basis u ook kiest: vermeld mediapartners en supporters in natura onder de benamingen uit het contract en in de door de organisatie goedgekeurde volgorde.

Wanneer een logoraster zinvol is

Een raster werkt zodra een tiental of meer organisaties hetzelfde niveau delen, doordat kolommen en rijafstanden een lange lijst overzichtelijk houden. De handleiding voor het Grid-element van Nicepage behandelt de instellingen voor kolommen, rijen en tussenruimtes die u aanpast zodra de echte logo's de voorbeelden vervangen. De grootste uitdaging zit in de bestanden die sponsors aanleveren: het ene logo heeft brede transparante marges, het andere vult het vlak van rand tot rand, waardoor identieke cellen ze ongelijk laten ogen. Een lang woordmerk heeft meer horizontale ruimte nodig dan een rond embleem om even zwaar te ogen. Als een bestand er toch vreemd uitziet, kan aangepaste CSS op dat specifieke element de binnenmarge of witruimte toevoegen die de merkrichtlijnen vereisen, zonder de algemene niveauregels aan te tasten.

Herkenbaarheid op smalle telefoonschermen

Zes logo's op één rij op een laptop kunnen op een telefoon veranderen in piepkleine miniaturen. Let hierop bij het vergelijken van sjablonen: tel de resterende kolommen en controleer of de hoofdsponsor zijn grotere oppervlak behoudt. Met de responsieve modi in Nicepage kunt u op smalle schermen terugschakelen naar minder kolommen, terwijl elke niveaukop netjes boven de groep blijft staan. Test elk beeldmerk ook op de werkelijke achtergrond van de sectie, aangezien lichte ontwerpen kunnen wegvallen op een getint vlak, en gebruik de lichte of donkere officiële variant van de sponsor in plaats van kleuren handmatig aan te passen.

Plaats voordat u definitief kiest uw breedste en kleinste logo's in de best passende lay-outs en vergelijk het resultaat met wat elke sponsor is beloofd. De lay-out waarvan de niveaus al aansluiten bij die afspraken, vraagt de minste aanpassingen.