Typografie

Hierboven zie je de basisopmaak van teksten in de huisstijl van Smaac. Zoals je ziet bevat deze opmaak veel contrast in lettergrootte. Om dit contrast nog groter te maken bestaat de titel enkel uit hoofdletters. Daarnaast wordt de tekst verder naar rechts uitgelijnd dan de titel en subtitel.
De afstanden tussen de elementen uit deze opmaak zijn bepaald volgens een vast patroon. De grootte van de maatstreepjes in bovenstaande afbeelding zijn gelijk aan de hoogte van tekens in de titel. De verticale ruimte tussen de subtitel en de titel is een halve eenheid. Tussen de titel en de tekst zit één eenheid aan witruimte. Ook de horizontale uitlijning is gebaseerd op deze eenheden. De tekst is tweeënhalve eenheid verder naar rechts geplaatst dan de titel en de subtitel.

In de afbeelding hierboven is te zien waarvoor we welk lettertype gebruiken. De lettertypen moeten echter nog wel ingesteld worden om tot dit resultaat te komen. Daarnaast staan de lettergroottes van deze fonts in een vooraf bepaalde verhouding met elkaar.

Voor de sub header gebruiken we PT Serif Italic. De tekengrootte van dit font is 1,4 keer zo groot als de tekst. Voor dit font zijn geen verdere aanpassingen nodig.

Hiervoor gebruiken we Inter Semibold. Stel dit lettertype 5 keer zo groot in als de tekst. De tekenafstand van de titel wordt ingesteld op -60. Ten slotte passen we de regelafstand aan op 0,9 keer de waarde van je lettergrootte. Gebruik je dus een lettergrootte van 250, stel dan je regelafstand in op 225.

We gebruiken hiervoor Inter Regular. In tegenstelling tot de titel veranderen we de tekenafstand van dit element niet. Deze blijf dus 0. De regelafstand wordt wel aangepast. We passen de regelafstand aan op 1,5 keer de waarde van je lettergrootte. Gebruik je dus een lettergrootte van 37,5 stel dan je regelafstand in op 56,25.
VOORBEELDEN VAN ANDERE TEKSTOPMAAK

Quote over fotografie
De quote zelf heeft het font PT Serif Italic. We lijnen de tekstelementen uit aan de hand van de regelhoogte van de quote. De quote zelf wordt in de linkerhoek van de afbeelding geplaatst en daarna één eenheid omhoog en één eenheid naar links verplaatst.
De tekst onder de afbeelding bestaat uit twee regels. De bovenste regel heeft het lettertype Inter Semibold. Stel de lettergrootte in op 25% van de quote. De witruimte tussen de afbeelding en deze regel is een halve eenheid.
De tweede regel heeft het lettertype Inter Regular. Stel de lettergrootte in op 15% van de quote. De witruimte tussen deze tweede regel en de eerste regel heeft de grootte van een kwart eenheid oftewel een kwart van de regelhoogte van de quote.

Quote op effen achtergrond.
Wanneer we de aandacht willen vestigen op één specifieke quote kan deze op een effen achtergrond geplaatst worden. In dit geval staat deze quote op een blauwe achtergrond om extra op te vallen tussen andere, donkere elementen. Voor deze quote is gebruik gemaakt van het font Inter Semibold met een regelafstand van 0.9 * de waarde van de lettergrootte.
Om meer aandacht te vestigen op bepaalde woorden zijn andere woorden doorzichtig gemaakt. We maken gebruik van een doorzichtigheid van 50% voor de minder belangrijke woorden en een volledig dekkende vulling voor de andere woorden.
DO'S AND DON'TS BIJ HET GEBRUIK VAN HET LOGO


Lijn tekst altijd links uit. Gebruik dus nooit gecentreerde, links uitgelijnde of een justified tekst.
CUSTOM CHARACTERS

Het font Inter bevat erg veel custom characters. Het gebruik van deze karakters heeft altijd de voorkeur boven het gebruik van zelf ontworpen iconen en karakters. Zoek voordat je zelf een karakter gaat ontwerpen dus op de Inter font website of het gewenste karakter hier tussen staat. Kopier- en plak dit karakter en schaal deze door de tekstgrootte aan te passen.

