typografie
Typografie is de stem van Officina, visueel en inhoudelijk. Goed gekozen lettertypes geven structuur, karakter en professionaliteit. Ze zorgen ervoor dat teksten lezen als een vanzelfsprekend onderdeel van de merkervaring. De typografie van Officina is krachtig, helder en eigentijds. De combinatie van Worker Sans en Ruder Plakat brengt een balans tussen toegankelijkheid en karakter.
Probeer bij elke uiting te streven naar een een gevoel van een stijlvolle fimposter: uitgesproken maar niet schreeuwerig, met een sterke grafische compositie en een zekere spanning tussen vorm en inhoud.
lettertypen
Ruder Plakat Variable - Titels & Subtitels
Ruder Plakat is een posterfont met geschiedenis. Gebaseerd op de Zwitserse plakkaatletters uit de jaren '50, is het opnieuw ontworpen als variabel font met een krachtige, verticale uitstraling. De condensed weergave geeft de letters een hoog karakter, alsof je kijkt naar een moderne skyline. Ideaal voor titels met zeggingskracht.
Work Sans - platte tekst
Work Sans is helder, functioneel en ontworpen met digitale leesbaarheid als uitgangspunt. De naam zegt het al: Work Sans is gemaakt om te werken. Het is een nuchtere, betrouwbare letter die als geen ander past bij de dagelijkse praktijk van ondernemers. In combinatie met de uitgesproken Ruder Plakat houdt Work Sans de communicatie vriendelijk, professioneel en toegankelijk.
gebruik
Hiërarchie
Er is een duidelijke typografische hiërarchie: Titels worden altijd gebruikt in Ruder Plakat. Sub-titels mogen zowel in Ruder Plakat als in Work Sans. Platte tekst is altijd in Work Sans. Gebruik verder maximaal drie groottes binnen één uiting om visuele rust te bewaren.
Uitlijning
Officina communiceert helder en duidelijk. daarom moet tekst altijd links of in het midden uitgelijnd zijn. gebruik per voorkeur geen uitlijning naar rechts en nooit volledige uitvulling. Dit werkt tegen de leesbaarheid van de tekst.
Hoofdletters
Titels en subtitels worden altijd geschreven in hoofdletters. Dit versterkt het krachtige, grafische karakter van het merk. Wanneer de platte tekst minder dan één alinea aan tekst is, mag dit ook in hoofdletters, anders is het overzichtelijker en vriendelijker om de tekst in normale letters te gebruiken.
Spatiëring
Gebruik positieve spatiëring bij titels (bijv. +20 tot +40), zodat Ruder Plakat voldoende ruimte krijgt om te ademen. Platte tekst mag meer spatiëring krijgen (bijv. +40 tot +60), zodat de leesbaarheid wordt vergroot. Als de platte tekst ook groot wordt gebruikt, denk aan posters of banners, dan mag de spatiëring smaller worden.
Regelafstand
Houd de regelafstand compact, maar luchtig. Richtlijn:
Titels: ongeveer 80% van het corps (samen en krachtig)
Bodytekst: 140–160% van het corps (leesbaar maar compact)
Afbreking
Gebruik in titels en subtitels zo min mogelijk afbrekingen. Afbrekingen breken de flow en doen af aan het strakke karakter van de opmaak. Denk aan typografie als een mooie groep van letters, niet een groep van mooie letters. Wanneer je woorden afbreekt in platte tekst, of wanneer dit onvermijdelijk is in titels en subtitels, zorg er dan altijd voor dat dit bewust wordt gedaan en het dat het klopt met de Nederlandse taal.
systeem
De typografie van Officina werkt niet alleen als drager van tekst, maar kan ook worden ingezet als herkenbaar designsysteem. Hierin zijn titels, woorden en letters de visuele bouwstenen binnen een grid dat is geïnspireerd op de stijgende beweging van een lift in een hoog kantoorgebouw.
Door woorden te laten verspringen zoals in een bewegende lift, ontstaat een interessant beeld dat even functioneel als karaktervol is. De belangrijkste vereiste hierbij zijn herhalende letters die onder elkaar terugkomen. Je mag de tekst ook zelf verspringen om de herhalende letter met elkaar uit te lijnen.
praktisch toepasssen
Om het typografische effect in Illustrator te creëren, gebruiken we een mask op de tekst.
Zo doe je dat:
Zet je titeltekst in Ruder Plakat, in outlines (
Type > Create OutlinesofCmd+Shift+O)Maak een rechthoek die exact het gedeelte van het woord bepaalt waar we het effect gaan toepassen
Selecteer de tekst + de rechthoek
Rechtsklik >
Make Clipping Mask(of Cmd+7)
Alles buiten het masker wordt verborgen. Zo kun je letters deels in of uit beeld tonen, alsof ze in beweging zijn.
Beeld over typografie
In sommige uitingen gebruiken we een stijl waarbij mensen of objecten over de typografie heen vallen. Dit zorgt voor extra gelaagdheid en een filmisch gevoel. Om dit effect te creëren, knip je het onderwerp uit de foto en plaats je het boven de tekstlaag. Zorg dat het beeld écht goed gemaskeerd is, slordige randen halen het effect onderuit.
photoshop
Moeilijker, beter voor precisie. Voor moeilijke vormen, zoals mensen:
Open de foto in Photoshop
Gebruik
Select SubjectofSelect & Maskom het gewenste element te selecteren.Verfijn de randen met het penseel of feather tool
Sla op als .PNG met transparante achtergrond of gebruik een PSD met uitknipmasker
Plaats het bestand op exact dezelfde plek als de afbeelding eronder, boven de typografie
Illustrator
Sneller, minder precies. Voor simpele vormen, zoals gebouwen:
Plaats de afbeelding op de artboard
Teken met de
Pen Tool (P)een vorm rond het element dat je wilt uitknippenSelecteer de afbeelding + de vorm
Rechtsklik >
Make Clipping Mask(of Cmd+7)Zet het gemaskte beeld boven de tekstlaag
onjuist gebruik
Typografie is meer dan alleen het juiste lettertype kiezen. Ook hoe je het toepast, maakt of breekt de uitstraling van het merk. Hieronder zie je voorbeelden van veelgemaakte fouten die je bij Officina moet vermijden.
❌ Gebruik niet meer dan drie lettergroottes in één uiting.
❌ Vul een zin of alinea niet volledig uit.
❌ Gebruik niet te veel, of te weinig regelafstand.
❌ Gebruik niet te losse- of te strakke spatiëring
❌ Gebruik geen andere lettertypes buiten die van Officina.
Downloads
Klik op onderstaande knoppen om de lettertypes te vinden. Om Ruder Plakat legaal te kunnen gebruiken, moet deze onder de juiste licentie worden aangeschaft.
Ruder Plakat heeft een licentie van Lineto Type Foundry.
Work Sans is gratis te downloaden en te gebruiken via Google Fonts.
Kunt u niet vinden wat u zoekt? Stuur een e-mail naar hello@offff.studio voor hulp.
