Typografi

Spaceship utforsker to typografiske miljøer: en teknisk avrundet skrifttype, Gotham Rounded, og en enklere og mer geometrisk skrifttype, Proxima Nova.

Hero Image

Selvsikker og rett på sak, typografi muliggjør en vennlig og samtalepreget tone med vårt publikum.



Primærskrift

Gotham Rounded er en vennlig skrifttype med teknisk DNA. Den brukes utelukkende i Spaceship-logoen, produktsubmerker, verktøy og teamidentiteter. De eneste tillatte tykkelsene er Medium, book og light.









Sekundærskrift

Proxima Nova er et nøkkellelement i Spaceships grafiske miljø. Det er hovedskrifttypen for vår tekst og informasjon i all kommunikasjon. Fet, medium, vanlig og tynn er de eneste tykkelsene som kan brukes med denne skrifttypen.









Skala

Vi bygde vårt typografiske skala-system ved å bruke det gyldne snitt (1:1,618), og bestemte alle nødvendige størrelsestrinn vi trenger.Ved å bruke Typographic Scale Calculator modularscale.com, kan vi lage et komplett typografisk skala-sett fra en primær grunnstørrelse. Fordi det gyldne snitt gir store sprang mellom størrelser, må vi legge til en sekundær grunnstørrelse (2x grunnstørrelsen) for å generere et mer nyttig utvalg. I dette eksempelet viser vi en typografisk skala basert på en grunnstørrelse på 16 px.









Tekststiler

Proxima Nova kan brukes både i små brødtekster og store overskrifter med maksimal optisk konsistens. Dens brede utvalg av tykkelser gjør det enkelt å matche enhver tone eller budskap. Tekst bør fortrinnsvis venstrejusteres, men sentrert justering kan brukes når det er hensiktsmessig.




For store overskrifter bruk fet skrift, optisk kerning, automatisk linjeavstand og 80 % ordmellomrom.


For vanlige overskrifter bruk fet skrift, optisk kerning, automatisk linjeavstand og 80 % ordmellomrom.


For korte underoverskrifter bruk medium eller vanlig tykkelse, optisk kerning, automatisk linjeavstand og 100 % ordmellomrom.


For lange underoverskrifter bruk medium eller vanlig tykkelse, optisk kerning, automatisk linjeavstand og 100 % ordmellomrom.


For avsnitt bruk vanlig eller tynn tykkelse, metrisk kerning, automatisk linjeavstand og 100 % ordmellomrom.


For liten brødtekst bruk vanlig eller tynn tykkelse, metrisk kerning, automatisk linjeavstand og 100 % ordmellomrom.




Veiledning


Ikke bruk spesifikke kerningverdier, verken positive eller negative.


Ikke bruk spesifikke linjeavstandsverdier, verken tettere eller løsere.


Ikke bruk høyrejusterte avsnitt






Typografisk hierarki

Typografi skal tydelig vise hierarkiet mellom overskrifter, underoverskrifter og brødtekst. Å kombinere riktige tykkelser og størrelser skaper sterk visuell kontrast og hjelper leseren. Dette er nøkkelen til et effektivt innholdshierarki.






Veiledning


Ikke bruk samme tykkelse på brødtekst for ulike innholdstyper


Behold forholdet mellom tykkelser fra topp til bunn, altså sterkere overskrifter, lettere underoverskrifter eller brødtekst.


Ikke bruk lignende skriftstørrelse og tykkelse for ulike innholdstyper.






Sikre marger

For å sikre maksimal lesbarhet bruker vi linjeavstanden til overskriften som referanse for å etablere sikre marger til påfølgende tekstblokker.









Fargekombinasjoner

Skrift brukt på heldekkende fargebakgrunner skal kun brukes i fargekombinasjonene vist nedenfor.






Veiledning


Ikke bruk andre farger, SDS-hjelpefarger eller submerke-farger på noen skrifttyper.


Ikke bruk SDS Blue skrift over hjelpefarger eller submerke-farger. Bruk kun hvit eller mørk grå.


Vær oppmerksom på kontrastforholdet mellom skrift og bakgrunn. Ikke bruk hjelpefarger, nyanser eller sjatteringer.






Bakgrunner

Kontrast og lesbarhet er nøkkelfaktorer å ta hensyn til når man bruker skrift over bilder eller fargebakgrunner.






Veiledning


Unngå å bruke SDS Blue over komplekse bilder eller illustrasjoner. Dette gjelder både lyse og mørke bilder.


Ikke plasser tekst over kontrasterende bilder. Dette gjelder både lyse og mørke bilder.


Ikke overfyll bilder med tekst. Balanse er nøkkelen til effektiv kommunikasjon.