Typografi
Spaceships typografiske miljø benytter to skrifttyper: den vennlige og tekniske Gotham Rounded, og den enklere og mer geometriske Proxima Nova.
Spaceships typografi er selvsikker og rett frem, og muliggjør en vennlig og samtalepreget tone med vårt publikum.
Primærskrift
Gotham Rounded er en vennlig, men sofistikert skrifttype. Den brukes utelukkende i Spaceship-logoen, produkt-undermerker og teamidentiteter. De eneste tillatte vektene er medium, book og light.
Sekundærskrift
Proxima Nova er et nøkkelfelement i Spaceships grafiske miljø. Det er hovedskrifttypen for all kommunikasjon. Fet, medium, vanlig og lett er de eneste tillatte vektene for denne skrifttypen.
Skala
Typeskala-systemet og nødvendige størrelsestrinn ble bygget og bestemt ved bruk av det gyldne snitt (1:1.618).
Vi laget et komplett sett med typeskalaer med en typografisk skala-kalkulator fra en primær grunnstørrelse. Fordi det gyldne snitt gir store sprang mellom størrelser, kreves en sekundær grunnstørrelse (2 ganger grunnstørrelsen) for å generere et mer optimalt utvalg. Eksempelet nedenfor viser en typeskala basert på 16 px og 32 px grunnstørrelser.
Tekststiler
Proxima Nova har maksimal optisk konsistens både i liten brødtekst og store overskrifter. Dens brede utvalg av vekter gjør den egnet for enhver tone eller melding. Venstrejustert tekst er å foretrekke, men sentrert justering kan brukes ved behov.
For store overskrifter bruk fet skriftvekt, optisk kerning, automatisk linjeavstand og 80 % ordmellomrom.
For vanlige overskrifter bruk fet skriftvekt, optisk kerning, automatisk linjeavstand og 80 % ordmellomrom.
For korte underoverskrifter bruk medium eller vanlig skriftvekt, optisk kerning, automatisk linjeavstand og 100 % ordmellomrom.
For lange underoverskrifter bruk medium eller vanlig skriftvekt, optisk kerning, automatisk linjeavstand og 100 % ordmellomrom.
For avsnitt bruk vanlig eller lett skriftvekt, metrisk kerning, automatisk linjeavstand og 100 % ordmellomrom.
For liten brødtekst bruk vanlig eller lett skriftvekt, metrisk kerning, automatisk linjeavstand og 100 % ordmellomrom.
Typografisk hierarki
For en effektiv innholdshierarki bør typografi kommunisere det organisatoriske forholdet mellom overskrifter, underoverskrifter og brødtekst. Å kombinere riktige vekter og størrelser skaper sterk visuell kontrast og hjelper å lede leseren.
Sikre marger
Vi bruker linjeavstanden til overskriften som referanse for linjeavstand for å sikre maksimal lesbarhet og etablere sikre marger for de påfølgende tekstblokkene.
Fargekombinasjoner
Kun fargekombinasjonene presentert nedenfor er tillatt når man bruker tekst på heldekkende fargebakgrunner.
Bakgrunner
Kontrast og lesbarhet er nøkkelfaktorer å vurdere når man bruker tekst over bilder eller fargede bakgrunner.
Veiledning
Her er noen eksempler på hva du bør unngå når du arbeider med tekst.
Ikke endre definerte kerning-, ordmellomrom- og linjeavstandsverdier drastisk.
Husk hierarkiet: sterkere overskrifter, lettere underoverskrifter, brødtekst osv.
Ikke bruk høyrejusterte avsnitt.
Ikke bruk andre farger på tekst, som hjelpefarger, produkt- eller undermerke-farger.
Bruk kun hvit eller mørkegrå tekst på fargede bakgrunner.
Lesbarhet er avgjørende. Ikke plasser tekst over komplekse bilder eller bakgrunner med lignende fargetone.