Bebat

Standaard set-up 'post'

Om consistent te blijven op al onze social kanalen, hebben we een grid uitgewerkt:

Als marge voor tekst en logo's respecteren we 1 vakje rondom de post. Beelden mogen aflopend zijn.
Tekstvlakken én foto's moeten altijd uitgelijnd worden op één van de grid-lijnen, zowel horizontaal als verticaal.
Tekst staat steeds links uitgelijnd.
Het hoofdkader met afgeronde hoeken van de print lay-out moet hier niet gerespecteerd worden.
Het Bebat-logo staat altijd rechts onderaan, gepositioneerd over 4 vakjes

Standaard set-up ‘story’

Om consistent te blijven op al onze socials hebben we ook voor stories een grid uitgewerkt:

Als marge voor tekst en logo's respecteren we 1 vakje rondom de post. Boven en onderaan voorzien we safe zones van respectievelijk 14 en 20%. Beelden mogen aflopend zijn.
Tekstvlakken én foto's moeten altijd uitgelijnd worden op één van de grid-lijnen, zowel horizontaal als verticaal.
Het hoofdkader met afgeronde hoeken van de print lay-out moet hier niet gerespecteerd worden.
Op stories moet geen logo geplaatst worden.
De balken schalen horizontaal

‘Story’ CTA

Om extra aandacht te vestigen op call to actions in stories hebben we een swipe-up-animatie voorzien aan de onderkant van de story. Die begint met twee cirkels die groter worden. De achtergrond wordt donkerder, zodat de tekst leesbaar is op eender welke foto.

Animatie van de balken

Om eenheid te brengen in de animaties op social leggen we ook de animatie van de balken vast:

De balken schalen horizontaal
De tekst fades in als de balken volledig geschaald zijn

TikTok

Op TikTok passen we dezelfde regels toe als voor een story of reel op Instagram. Dat wil zeggen: uitlijnen op de grid en werken met groene (of witte) balken.

Kleurcombinaties

Er zijn 2 opties voor een achtergrond met een effen kleur:

Groene achtergrond: titels komen in witte balken met groene tekst. Bodycopy en logo zijn wit.
Lichtbruine achtergrond (tint 10%): titels komen in groene balken met witte tekst. Bodycopy is bruin. Logo is volledig in kleur.

Als de hele post een afbeelding is, gebruik je best groene balken met witte tekst.

Als je afbeelding al veel groen bevat, zal het contrast met de groene balken waarschijnlijk niet groot genoeg zijn. Gebruik in dat geval witte balken met een groene tekst.

Tekststijl

De tekst in de balken staat standaard in bold (minimum 50 pt), voor bodycopy gebruiken we regular maar voor bepaalde woorden kan bold worden gebruikt voor extra nadruk.

Bij de bodycopy kan een 4 pt dik illustratief lijntje geplaatst worden, om de bijhorende afbeelding aan te duiden (op een resolutie van 1080x1080 px).

Plaatsing tekst

De tekst op social posts moet links uitgelijnd zijn, maar hoeft in de post zelf niet links te verschijnen. Hij kan binnen de marges verschuiven, zolang de linker- en bovenkant van het tekstkader uitgelijnd zijn op de

Quotes

Quotes van personen worden gehighlight door aanhalingstekens van het Baloo-font in outline te plaatsen achter de eigenlijke quote.

Je kan afsluiten met de naam van de persoon en/of de functie, beide in kleinere witte balken.

Plaatsing afbeeldingen

Full screen: de afbeelding is overal aflopend, inclusief marges
In grid: de afbeelding wordt langs alle zijden gealigneerd op de grid
Cut-out: het is best om uitgesneden objecten een kleine schaduw te geven.
Overlapping: in een carrousel kan je ook gebruik maken van afbeeldingen die doorlopen. Let op dat je ze zeker plaatst via de grid
Carrousel: bij een carrousel kan het logo enkel op de eerste afbeelding staan. Herhaling op elk van de afbeeldingen is niet nodig.

Gekleurde vlakken

Om wat meer structuur te brengen in een post, kan je gebruikmaken van vlakken in de achtergrond.

Let op! Deze gekleurde vakken zijn altijd lichter en mogen slechts 1 tint verschil hebben met de achtergrondkleur. Dat wil zeggen:

Groen in multiply transparant op groene achtergrond
Wit op lichtbruine achtergrond

Patronen

Om de achtergrond van posts wat interessanter te maken, kan je patronen gebruiken. Daarvoor heb je twee opties:

Een patroon met outlined tekst: een woord of cijfer dat herhaald wordt. Deze outline is 20% wit, met een dikte van 4 px (op een resolutie van 1080x1080 px).
Met iconen: gebruik een icoon dat past binnen de stijl van Bebat (zie hoger) en het onderwerp van de post. Zorg binnen de lay-out voor een dikte van ongeveer 4 px.

Don'ts

Het contrast tussen achtergrond en tekstbalken is te laag. Hier gebruik je beter witte balken.
Een achtergrond met een linear gradient in een kleur die niet in de guidelines staat.
Een achtergrond in een andere tint dan voorzien is in de guidelines.
Maak geen patronen met gevulde teksten en/of iconen. Schrijf geen duizendtallen zonder punt.
Centreer de tekst niet
Verander de kleur van de tekst of balken niet