Typografi
Spaceship utforskar två typografiska miljöer: ett tekniskt, rundat typsnitt Gotham Rounded och ett enklare och mer geometriskt typsnitt Proxima Nova.
Självsäker och tydlig, typografi möjliggör en vänlig och samtalston med vår publik.
Primärt typsnitt
Gotham Rounded är ett vänligt typsnitt med teknisk DNA. Det används exklusivt i Spaceship-logotypen, produktens subvarumärken, verktyg och teamets identiteter. Endast vikterna Medium, book och light är tillåtna.
Sekundärt typsnitt
Proxima Nova är ett nyckelelement i Spaceships grafiska miljö. Det är huvudtypsnittet för vår text och information i all kommunikation. Endast vikterna bold, medium, regular och light får användas med detta typsnitt.
Skala
Vi byggde vårt typsnittsskalesystem med hjälp av det gyllene snittet (1:1,618) och bestämde alla nödvändiga storlekssteg vi behöver.
Använder vi Typographic Scale Calculator modularscale.com kan vi skapa en komplett typsnittsskala från en primär basstorlek. Eftersom det gyllene snittet skapar stora hopp mellan storlekar måste vi lägga till en sekundär basstorlek (2x basstorleken) för att generera ett mer användbart spann. I detta exempel visar vi en typsnittsskala baserad på en basstorlek på 16px.
Textstilar
Proxima Nova kan användas både i små brödtexter och stora rubriker med maximal optisk konsekvens. Dess breda utbud av vikter gör det enkelt att matcha vilken ton eller vilket budskap som helst. Text bör helst vänsterjusteras, men centrerad justering kan användas när det är lämpligt.
För stora rubriker använd fet stil, optisk kerning, automatisk radavstånd och 80% ordmellanrum.
För vanliga rubriker använd fet stil, optisk kerning, automatisk radavstånd och 80% ordmellanrum.
För korta underrubriker använd medium eller normal vikt, optisk kerning, automatisk radavstånd och 100% ordmellanrum.
För långa underrubriker använd medium eller normal vikt, optisk kerning, automatisk radavstånd och 100% ordmellanrum.
För stycke använd normal eller lätt vikt, metrisk kerning, automatisk radavstånd och 100% ordmellanrum.
För liten brödtext använd normal eller lätt vikt, metrisk kerning, automatisk radavstånd och 100% ordmellanrum.
Vägledning
Använd inte specifika kerningvärden, varken positiva eller negativa.
Använd inte specifika radavståndsvärden, varken tätare eller glesare.
Använd inte högerjusterade stycken
Typografisk hierarki
Typografi ska tydligt visa hierarkin mellan rubriker, underrubriker och brödtext. Att kombinera rätt vikter och storlekar skapar stark visuell kontrast och hjälper till att vägleda läsaren. Detta är nyckeln till en effektiv innehållshierarki.
Vägledning
Använd inte samma brödtextvikter för olika typer av innehåll
Behåll viktförhållandet uppifrån och ner, det vill säga starkare rubriker, lättare underrubriker eller brödtexter.
Använd inte liknande teckenstorlek och vikter för olika innehållstyper.
Säkra marginaler
För att garantera maximal läsbarhet använder vi rubrikens radavstånd som referens för att fastställa säkra marginaler till följande textblock.
Färgkombinationer
Typografi som används med enfärgade bakgrunder ska endast användas i färgkombinationerna som presenteras nedan.
Vägledning
Använd inte andra färger, SDS hjälpfärger eller subvarumärkesfärger på någon typ av typsnitt.
Använd inte SDS Blue-typsnitt över hjälpfärger eller subvarumärkesfärger. Använd endast vitt eller mörkgrått.
Var uppmärksam på kontrastförhållandet mellan typsnitt och bakgrund. Använd inte hjälpfärger, nyanser eller skuggor.
Bakgrunder
Kontrast och läsbarhet är nyckelelement att ta hänsyn till när man använder typsnitt över bilder eller färgbakgrunder.
Vägledning
Undvik att använda SDS Blue över komplexa bilder eller illustrationer. Detta gäller för både ljusa och mörka bilder.
Placera inte text över kontrasterande bilder. Detta gäller för både ljusa och mörka bilder.
Överbelasta inte bilder med text. Balans är nyckeln till effektiv kommunikation.