Typografie
De typografische omgeving van Spaceship maakt gebruik van twee lettertypes: het vriendelijke en technische Gotham Rounded en het eenvoudigere en meer geometrische Proxima Nova.
De typografie van Spaceship is zelfverzekerd en direct, waardoor we een vriendelijke en informele toon kunnen aanslaan met ons publiek.
Primaire lettertype
Gotham Rounded is een vriendelijk maar verfijnd lettertype. Het wordt exclusief gebruikt in het Spaceship-logo, productsubmerken en de identiteiten van het team. Alleen de stijlen medium, book en light zijn toegestaan.
Secundaire lettertype
Proxima Nova is een belangrijk onderdeel van de grafische omgeving van Spaceship. Het is het hoofdlettertype voor alle communicatie. Alleen bold, medium, regular en light zijn toegestaan bij het gebruik van dit lettertype.
Schaal
Het typeschaalsysteem en de benodigde stapgroottes zijn opgebouwd en bepaald met behulp van de Gulden Snede (1:1,618).
We hebben een complete typeschaalset gemaakt met een typografische schaalcalculator vanaf een primaire basisgrootte. Omdat de Gulden Snede grote sprongen tussen groottes veroorzaakt, is een secundaire basisgrootte (2 keer de basisgrootte) nodig om een optimaler bereik te genereren. Het onderstaande voorbeeld toont een typeschaal gebaseerd op 16px en 32px basisgroottes.
Tekststijlen
Proxima Nova heeft maximale optische consistentie in zowel kleine lopende tekst als grote koppen. Het brede scala aan stijlen maakt het geschikt voor elke toon of boodschap. Links uitgelijnde tekst heeft de voorkeur, maar gecentreerde uitlijning kan indien nodig worden gebruikt.
Gebruik voor grote koppen vette stijl, optische kerning, automatische regelafstand en 80% woordspatiëring.
Gebruik voor gewone koppen vette stijl, optische kerning, automatische regelafstand en 80% woordspatiëring.
Gebruik voor korte subkoppen medium of reguliere stijlen, optische kerning, automatische regelafstand en 100% woordspatiëring.
Gebruik voor lange subkoppen medium of reguliere stijlen, optische kerning, automatische regelafstand en 100% woordspatiëring.
Voor paragrafen gebruik reguliere of lichte stijlen, metrische kerning, automatische regelafstand en 100% woordspatiëring.
Gebruik voor kleine lopende tekst reguliere of lichte stijlen, metrische kerning, automatische regelafstand en 100% woordspatiëring.
Typografische hiërarchie
Voor een effectieve inhoudshiërarchie moet typografie de organisatorische relatie tussen koppen, subkoppen en lopende tekst communiceren. Het combineren van de juiste stijlen en groottes zorgt voor een sterk visueel contrast en helpt de lezer te begeleiden.
Veilige marges
We gebruiken de regelafstand van de kop als referentie voor de regelafstand om maximale leesbaarheid te garanderen en veilige marges voor de volgende tekstblokken te creëren.
Kleurcombinaties
Alleen de onderstaande kleurcombinaties zijn toegestaan bij het gebruik van tekst op effen gekleurde achtergronden.
Achtergronden
Contrast en leesbaarheid zijn belangrijke elementen om rekening mee te houden bij het plaatsen van tekst over afbeeldingen of gekleurde achtergronden.
Richtlijnen
Hier zijn enkele voorbeelden van wat je moet vermijden bij het werken met tekst.
Verander de gedefinieerde kerning, woordspatiëring en regelafstand niet drastisch.
Houd rekening met de hiërarchie: sterkere koppen, lichtere subkoppen, lopende tekst, enz.
Gebruik geen rechts uitgelijnde paragrafen.
Gebruik geen andere kleuren voor tekst, zoals hulp-, product- of submerk-kleuren.
Gebruik alleen witte of donkergrijze tekst op gekleurde achtergronden.
Leesbaarheid is essentieel. Plaats geen tekst over complexe afbeeldingen of achtergronden met een vergelijkbare tint.