Skip to main content

ZUID Creatives brandbook

Een onderscheidende huisstijl die op consistente wijze wordt toegepast, draagt bij aan een herkenbaar ZUID. De huisstijl bevat diverse onderdelen die samen de uitstraling van ‘ons ZUID’ bepalen. Deze handleiding laat zien met welke bouwstenen designers en tekstschrijvers aan de slag kunnen gaan om middelen te creëren die 100% ZUID uitstralen.

Vragen?

Heb je vragen over het correct toepassen van de huisstijl, trek een studio-teamlid even aan zijn of haar jasje!

Strategie

Een klein inkijkje in onze strategie, het gedachtegoed. Daar waar we in geloven.
Onze missie, visie, merkbelofte, kernwaarden en het merkverhaal.

Missie 

Als we stellen iets los te maken bij, met en voor organisaties en hun merken, dan moeten we daar in onze eigen communicatie al mee beginnen. Hieronder vind je uitgangspunten die je zullen helpen om op een ZUIDelijke manier iets los te maken bij je lezers.

Visie

Wat we doen, leggen we zo begrijpelijk mogelijk uit. Een Engelse term hier en daar moet kunnen, maar houd vooral in je achterhoofd dat je moeder ook moet snappen wat je opschrijft. Begin je over “contentmarketing als recept om engagement te verhogen en buzz te vergroten”? Schakel dan even terug en vervang engagement voor betrokkenheid en buzz voor bekendheid. De gemiddelde lezer is al druk genoeg met het processen, uh, verwerken van de term contentmarketing. En wil iemand zich welkom voelen, dan moet zij of hij eerst begrijpen wat we zeggen.

Merkbelofte
Begin koppen in presentaties of op de website met een hoofdletter en vervolg met kleine letters. Een kop hoef je niet af te sluiten met een punt. Op deze manier leest de kop lekkerder en oogt hij vriendelijker.

“Dit is wat wij beloven.”

Woord 1

Met kleine uitleg van wat we hiermee bedoelen. Heel kort. Gewoon om een beetje duiding te geven. Zodat iedereen het snapt. Echt iedereen.

Woord 2

Met kleine uitleg van wat we hiermee bedoelen. Heel kort. Gewoon om een beetje duiding te geven. Zodat iedereen het snapt. Echt iedereen.

Woord 3

Met kleine uitleg van wat we hiermee bedoelen. Heel kort. Gewoon om een beetje duiding te geven. Zodat iedereen het snapt. Echt iedereen.

Woord 4

Met kleine uitleg van wat we hiermee bedoelen. Heel kort. Gewoon om een beetje duiding te geven. Zodat iedereen het snapt. Echt iedereen.

Het is gebruikelijk om de volgende getallen in lopende tekst als woord te schrijven:

  • getallen tot twintig: twee, negen, zeventien, achtste, de negentiende eeuw
  • tientallen tot honderd: twintig, vijftig, tachtigste
  • honderdtallen tot duizend: driehonderd, negenhonderd
  • duizendtallen tot en met twaalfduizend: zesduizend, tienduizendste
  • de woorden miljoen, miljard, biljoen, enz.: vier miljoen, zeven miljardste

Het logo

Logo felblauw horizontaal

Logo lichtroze horizontaal

Logo wit op felblauw horizontaal

Logo wit op lichtroze horizontaal

Regels

Let op de marge rondom het logo. Wanneer je het logo gebruikt, zorg dan dat je 1/4 van de ‘Z’ als marge gebruikt.

We gebruiken het logo in de kleuren felblauw, lichtroze en wit. Kies standaard voor het grote ZUID-logo met Creatives in de U. Als het logo te klein en slecht leesbaar wordt, kies je voor het horizontale logo met Creatives uitgeschreven.

Gebruik de juiste verhoudingen!

Plaats GEEN effecten op het logo.

Gebruik voldoende contrast.

Plaats het logo recht.

Icon felblauw

Icon lichtroze

Icon wit op felblauw 

Icon wit op lichtroze

Regels icon

Let op de marge rondom, zorg dan dat je 1/4 van de ‘Z’ als marge gebruikt.

Voor de ZUID social kanalen gebruiken we een van deze logo’s. Met de ‘U’ dicht en ‘creatives’ onder ZUID. Er zijn 4 keuze mogelijkheden qua achtergrondkleur en kleur logo. Zie voorbeelden.

Avatar socials logo felblauw

Avatar socials logo lichtroze

Avatar socials logo wit op felblauw

Avatar socials logo felblauw op lichtroze

Typografie

Fonts overzicht

Allotrope Variable is het font dat het meest in het oog springt. Het is hét font waar we statements mee maken. Altijd in KAPITALEN. De Allotrope is er in vele varianten, maar wij gebruiken het font vooral in ExCondensed ExtraBold Italic. Je mag het font zonder en met arcering gebruiken.

Voor tussenkoppen, inleidingen en bodytekst gebruiken we Aleo. De grote tussenkoppen in medium krijgen een arcering. De inleiding maken we vetgedrukt (bold) in dezelfde grootte als de bodytekst die we in regular opmaakstijl toepassen.

Regels verhoudingen

Bodytekst = Lettergrootte X
Tussenkoppen = Bodytekst lettergrootte X x 2
Koppen = Tussenkoppen lettergrootte x 2
Inleiding = Lettergrootte X

Google-font: Saira Condensed.
Wanneer we niet beschikken over het Adobe-font Allotrope, maken we gebruik van het Google-font Saira Condensed. Deze dien je als Italic toe te passen.

Kleuren

Lichtroze

Deze kleur mag gebruikt worden als achtergrondkleur en voor, titels en kaders. Daarnaast gebruiken we deze kleur als achtergrondkleur voor de ‘Image’- sectie in het BrandPlan.

HEX: #FACDB8
RGB: R 250 / G 205 / B 184
CMYK: C 0 / M 26 / Y 27 / K 0

Felroze

Deze kleur passen we voornamelijk toe in de blokken achter titeltekst en als arcering om iets te accentueren. De kleur mag niet gebruikt worden als achtergrond en mag nooit de hoofdkleur zijn in de opmaak.

HEX: #EB1093
RGB: R 235/ G 16 / B 147
CMYK: C 0 / M 95 / Y 10 / K 0

Felblauw

Deze kleur mag gebruikt worden voor titels, kaders en als achtergrondkleur. Gebruik hem bij voorkeur niet als achtergrondkleur voor long copy, daar is de kleur te onrustig voor.

HEX: #007EFF
RGB: R 0 / G 126 / B 255
CMYK: C 100 / M 40 / Y 0 / K 0

Zalmroze

Deze kleur gebruiken we alleen nog als kleur voor de ‘Impact’- sectie in het BrandPlan.

HEX: #F49D87
RGB: R 244 / G 157 / B 135
CMYK: C 0 / M 49 / Y 43 / K 0

Lichtblauw

Deze kleur gebruiken we voornamelijk voor de sectie ‘Brand’ in het BrandPlan. En als accentkleur om de vele bonte kleuren een klein beetje tegenwicht te bieden.

HEX: #94D4ED
RGB: R 148 / G 212 / B 237
CMYK: C 45 / M 0 / Y 6 / K 0

Donkerblauw

Deze kleur gebruiken we als tekstkleur in onze copy

HEX: #003752
RGB: R 0 / G 55 / B 82
CMYK: C 100 / M 72 / Y 42 / K 39

Stijlelementen

Opbouw graphic

In de ZUID-huisstijl maken we onder andere gebruik van een graphic die bestaat uit een zeshoek gevuld met de ZUID-strepen. De zeshoek is een dynamische vorm en mag naar eigen inzicht vervormd worden zolang de twee punten op de horizon maar op dezelfde hoogte blijven staan.

Kant-en-klare assets
Om het makkelijker te maken zijn er met de standaard kleurcombinaties diverse standaard assets gemaakt die je kant-en-klaar kunt gebruiken. Je vind ze in de download in het mapje ‘6 Hoek element.’ Zo hoef je in feite nooit handmatig dit element te maken, wel zo handig 🙂

Let op: de kleur van de bovenste strepen in de zeshoek bepalen de kleur van de arcering achter de typografie. De kleur van de ‘bovenste’ strepen is gelijk aan de arcering.

Illustraties

Deze elementen maken de ZUID-stijl. De kleine stipjes, streepjes en de tekeningen van  de gebouwen waarin ZUID gevestigd is, zorgen voor een speelse look. De elementen mogen dan ook veelvuldig gebruikt worden rondom tekst of foto’s van het team.

Tip: zie de elementen binnen de illustraties als afzonderlijke beelden: de streepjes, golfjes, puntjes en sliertjes kunnen los van elkaar gebruikt worden. Neem dus niet (altijd) de hele illustratie over zoals hiernaast is afgebeeld, maar mix and match sliertjes en streepjes in jouw beeld om het tot een mooi geheel te maken.

Pay-off

Onze pay-off ‘Kom binnen. ZUID Creatives’ mag je op twee manieren gebruiken. Maar altijd in een vorm waarbij bold en regular font worden gecombineerd, in die volgorde.

zuid.com

Wil je onze site wat extra aandacht geven in je designs? Doe dat dan met het zuid.com-labeltje.

Layout

Om de eenheid in onze lay-outs te waarborgen maken we gebruik van een stramien. Het stramien helpt je eveneens om sneller tot je definitieve opmaak te komen.

Stap 1:
Verdeel je staande pagina in 4 gelijke kolommen. 

Stap 2:
Verdeel de kolommen in 12 vakken.

Stap 3:
Je neemt de breedte van 2 vakken om de marge rond je pagina te bepalen.

Stap 4:
Vanuit de marge bepalen we het aantal rijen. Het aantal rijen maakt een stramien met (bijna) gelijke vierkantjes.

Nog een keer de stappen:

Stap 1:
Verdeel je staande pagina in 4 gelijke kolommen.
In de liggende variant verdeel je de pagina in 4 gelijke rijen. 

Stap 2:
Verdeel de kolommen in 12 vakken.
In de liggende variant verdeel je de rijen in 12 vakken.

Stap 3:
Je neemt de breedte van 2 vakken om de marge rond
je pagina te bepalen.

Stap 4:
Vanuit de marge bepalen we het aantal rijen.
Het aantal rijen maakt een stramien met (bijna) gelijke vierkantjes.

De kenmerken van de ZUID-stijl:

  • De beeldtaal: combinatie van twee verschillende beelden
  • De combinatie van typografie (Allotrope en Aleo)
  • Het gebruik van het element, let op deze gebruik je als de lay-out genoeg ruimte biedt om dit element groot te gebruiken!
  • De vrijstaande beelden in combinatie met opvallende typografie

Fotografie

Als je iets wilt laten zien van het bedrijf en de mensen die er werken, kun je deze ‘fly on the wall’-beelden gebruiken. De foto’s kunnen ook als achtergrond gebruikt worden bij presentaties, dat maakt het geheel nog menselijker en persoonlijker.

Beeldtaal. In o.a. onze presentaties, uitingen op socials, prints en campagnes maken we gebruik van deze beeldtaal. Door twee totaal verschillende beelden aan elkaar te koppelen, maken we iets los. Het ‘totaalbeeld’ staat in verband met de boodschap. Zoals de slak en de toren gaan over het creëren van een nieuwe identity. Of zoals de visuals met het gebakken eitje en de astronaut staan voor respectievelijk de kitchen review en de eerste stap naar …

Belangrijk in de beeldtaal is de ‘laagdrempeligheid’ van de fotografie. Geen opgepoetste, gephotoshopte beelden, maar authentieke, ‘echte’ fotografie. Low-res? Dat mag. Een ruisje eroverheen? Prima.

Do’s and don’ts

Het is belangrijk dat we kritisch zijn in onze beeldkeuze. Hiernaast hebben we een aantal do’s and don’ts geplaatst. Als designer krijg je de verantwoordelijkheid om hier zelf weloverwogen keuzes over te maken. Vraag jezelf altijd af: is dit beeld ZUID-waardig of niet?

BrandPlan

Subbrand; BrandPlan

Het ZUID BrandPlan is een product om structuur te geven aan een klantvraag, waar vervolgens een uitgestippeld plan met onze diensten uitrolt. Het BrandPlan is een subidentiteit binnen de ZUID identiteit. Het is duidelijk familie van elkaar en wordt altijd in combinatie met andere ZUID-uitingen gebruikt. Er zijn voor deze subidentiteit regels ontwikkeld die zijn doorgevoerd in de master slide deck. De elementen hierin zijn enkel voor BrandPlan en kunnen niet elders binnen de ZUID huisstijl worden ingezet.

Schrijfwijzer

Deze schrijfwijzer helpt je om één lijn aan te brengen in de copy die je schrijft namens ZUID.

Algemeen

Als we stellen iets los te maken bij, met en voor organisaties en hun merken, dan moeten we daar in onze eigen communicatie al mee beginnen. Hieronder vind je uitgangspunten die je zullen helpen om op een ZUIDelijke manier iets los te maken bij je lezers.


Openhartig en menselijk

Ons ZUIDelijke accent is onmiskenbaar: inhoudelijk, recht voor zijn raap, maar altijd omgeven met een zweem van Brabantse gastvrijheid. ‘Kom binnen’ staat dan ook niet alleen voor binnenkomen bij mensen, maar ook voor onze deuren die altijd openstaan. Wij zijn een bureau dat draait om mensen (en hun gedrag) en de toon die we aanslaan is daar een logisch vervolg op: openhartig en menselijk.


Humorvol

Humor is een belangrijk onderdeel van ons ZUIDelijke accent. We deinzen niet terug voor wat zelfspot of een (woord)grap die een frisse, vrolijke twist geeft aan onze communicatie en de aandacht van lezers grijpt of vasthoudt. Wees dan ook niet bang om op zijn tijd met een woordgrap hier en daar te strooien. Zorg er wel voor dat de mensen met wie je zit of voor wie je schrijft je humor snappen, zodat het niet ongepast wordt.

Begrijpelijk

Wat we doen, leggen we zo begrijpelijk mogelijk uit. Een Engelse term hier en daar moet kunnen, maar houd vooral in je achterhoofd dat je moeder ook moet snappen wat je opschrijft. Begin je over “contentmarketing als recept om engagement te verhogen en buzz te vergroten”? Schakel dan even terug en vervang engagement voor betrokkenheid en buzz voor bekendheid. De gemiddelde lezer is al druk genoeg met het processen, uh, verwerken van de term contentmarketing. En wil iemand zich welkom voelen, dan moet zij of hij eerst begrijpen wat we zeggen.

ZUID schrijven we met hoofdletters. Als bedrijf/merk/organisatie heten we:

  • ZUID Creatives

Dit is ons DNA. Zo nemen we de telefoon op. ‘Creatives’ is het verbindende element tussen al onze specialiteiten. Alle bijvoeglijke en zelfstandige naamwoorden die afgeleid zijn van ZUID schrijven we als volgt:

  • ZUIDelijk(e) 
  • ZUIDerling

Hoe spreken we onze naam uit?
ZUID spreken we uit als, uhm, zuid. Dus niet als ‘suit’.

Handig om in je achterhoofd te houden wanneer je voor de ZUID-kanalen schrijft: ZUID (Creatives) is niet hetzelfde als de ZUID Agency Group. ZUID Creatives maakt deel uit van het netwerk van creatieve bureaus dat ZUID Agency Group is. Onze collega’s van andere labels duiden we gewoon aan als ZUIDerlingen (want: ZUID Agency Group).

Koppen

Begin koppen in presentaties of op de website met een hoofdletter en vervolg met kleine letters. Een kop hoef je niet af te sluiten met een punt. Op deze manier leest de kop lekkerder en oogt hij vriendelijker.

Zo dus wel: Content die opvalt, blijft plakken én gedeeld wordt.
Zo dus niet: CONTENT DIE OPVALT, BLIJFT PLAKKEN ÉN GEDEELD WORDT.
En zo ook niet: Content die opvalt, blijft plakken én gedeeld wordt.

Highlighten

Het is niet de bedoeling dat we complete zinnen highlighten. Kies een kenmerkend woord of de kern van de zin en markeer deze.

In tussenkopjes hoef je trouwens geen highlights te plaatsen.

Tip: lever je copy aan voor onze developers? Zet het gedeelte van de kop dat je wilt highlighten dan tussen *…*. Zo snappen onze technische wonders meteen wat er gemarkeerd moet worden.

Functietitels
Project Manager, Copywriter, Designer, Account Executive, Strategy Director, Multimedia Designer, Frontend Developer, Office Manager, Content Manager, Content Creator, UI Designer, Senior Strategist.

Functietitels schrijf je altijd met hoofdletters!

Engels taalgebruik?
Natuurlijk ontkom je niet aan Engelse woorden, termen of uitspraken. Maar probeer ze niet te geforceerd te usen, want otherwise belanden we op deze Facebookpagina. 

Zo niet: Een team van strategic thinkers, creative makers en coders dat brands tot leven brengt.
Zo wel: Een team van strategen, creatieven en coders dat merken tot leven brengt.

Houd het kort
Mensen lezen liever geen lange lappen tekst. Dit geldt voor e-mails, offertes, websiteteksten en andere uitingen van ZUID. 

  • Lees elke zin kritisch en vraag je bij elk woord af of dit iets toevoegt
  • Laat je tekst eens lezen door een collega: die kan je helpen om woorden te schrappen
  • Kijk eens op deze blog voor schraptips

‘U’ of ‘jij’?
Jij. Samen met de klant helpen we een merk verder.
Dat doen we op gelijkwaardige basis, dus spreken we iedereen aan met ‘je’, ‘jij’ of ‘jou’.

Dus ook in facturen en offertes communiceren we met ‘jij’. Twijfel je zelf over de toon bij een bepaalde klant? Dan ben je natuurlijk vrij om van aanspreekvorm te veranderen.

Afkortingen
Afko’s, schrijven we die uit? Jazeker. Kleine moeite!

Dus niet: We komen vandaag i.p.v. morgen bij je langs.
Dus wel: We komen vandaag in plaats van morgen bij je langs.

‘Zij’ of ‘hun’?
‘Hun’ kan nooit een onderwerp zijn.

Hun is wel juist als persoonlijk voornaamwoord en als bezittelijk voornaamwoord:
‘De directie legde haar ideeën voor aan de medewerkers en gaf hun de gelegenheid daarop te reageren.’

Zo niet: Hun hebben het afgerond.
Zo wel: Zij hebben het afgerond.

Het is gebruikelijk om de volgende getallen in lopende tekst als woord te schrijven:

  • getallen tot twintig: twee, negen, zeventien, achtste, de negentiende eeuw
  • tientallen tot honderd: twintig, vijftig, tachtigste
  • honderdtallen tot duizend: driehonderd, negenhonderd
  • duizendtallen tot en met twaalfduizend: zesduizend, tienduizendste
  • de woorden miljoen, miljard, biljoen, enz.: vier miljoen, zeven miljardste

Twee uitzonderingen:

  • Jaartallen, paginanummers, percentages en geldbedragen (3 gram, 16 jaar enzovoort).
  • Komen er in een tekst getallen voor die je voluit zou moeten schrijven? Én getallen die je als cijfers zou moeten schrijven? Schrijf dan alles in cijfers.

Er zijn een aantal termen die vaak terugkomen in onze communicatie. Let op spatiegebruik en hoofdlettergebruik! De schrijfwijze is als volgt:

  • brand identity
  • Creative Studio
  • creative makers
  • content makers
  • contentstrategie
  • visual identity
  • brand story
  • tone-of-voice
  • campaign strategy
  • campaign management
  • marketing campaigns
  • inbound marketing
  • kitchen review
  • marketingcommunicatieplan
  • BrandPlan (twee hoofdletters!)
  • Business Creativity
  • strategisch-creatief marketingbureau

Cut the crap!
Pas op dat je je e-mail niet volstopt met vragen, veronderstellingen en overbodige informatie. Probeer ervoor te zorgen dat je zakelijke e-mail uit niet meer dan vijf zinnen bestaat.

Stel niet te veel vragen
Bedenk goed wat de hoofdvraag is in je zakelijke e-mail. Zie een mailwisseling als een gesprek: stel één vraag tegelijk, of in een noodgeval twee. Bij meer vragen, gaat de spontaniteit uit de mailwisseling. Het beantwoorden van de e-mail wordt een opgave en zal dus waarschijnlijk langer duren.

Dek jezelf niet in
Ga niet van tevoren bedenken hoe de ander zal reageren, of wat diegene van je verwacht. Een mailwisseling is een gesprek. Je moet aangeven wat jij wilt, eventuele bezwaren brengt de ander wel ter sprake. Of niet. 

Let op je spelling
Niets onprofessioneler dan een e-mail van drie regels met acht spelfouten. En geloof ons, ook bij ZUID komen ze genoeg voorbij. Twijfel je? Die awkward Copywriters lezen je e-mail gerust even over!

Audio

Gezellig en een tikje funky! Luister hiernaast een preview van ons audiologo of download de gehele MP3 om (delen hiervan) te gebruiken in je animaties, filmpjes en podcasts.