Monospace-skrifter i profilering: teknologi, redaksjon og retro

Monospace-skrifter gir hvert tegn samme bredde. En i tar dermed like stor plass som en m, og teksten står i ryddige kolonner. Det mekaniske mønsteret er grunnen til at merkevarer bruker dem: I en teknologiprofil virker monospace presist og konstruert, i redaksjonelt design ærlig og dokumentarisk, og i retrodesign minner det om skrivemaskiner, kvitteringer og terminaler med grønn skjerm. Gode gratis skrifter er JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono og Courier Prime, alle på Google Fonts.

Hvorfor monospace gir dette uttrykket

Vanlige skrifter er proporsjonale: Smale bokstaver får smale felt, brede bokstaver får brede. Monospace tvinger alle bokstavene inn i like store felt. Smale bokstaver får seriffer eller kraftige avslutninger som fyller plassen, brede bokstaver presses sammen, og resultatet har et synlig rutenett. Folk forbinder dette med maskinene som skapte det: skrivemaskiner, koderedigerere, terminaler, flybilletter og fraktetiketter. Disse assosiasjonene er verdien for merkevaren, men også risikoen.

Gratis monospace-skrifter etter uttrykk

Litt bakgrunn gjør valget enklere. IBM Plex Mono er del av IBMs egen skriftfamilie og har derfor en seriøs, institusjonell ro. Space Mono ble laget av Colophon for Google Design og har et særpreget geometrisk uttrykk som fungerer godt i overskrifter. Courier Prime ble laget som en mer raffinert Courier til filmmanus. VT323 bygger på skriften i en DEC-terminal fra 1980-årene og oppleves derfor umiddelbart som retro.

Monospace i teknologiprofiler

I utviklerverktøy og tekniske produkter viser en monospace-skrift at merkevaren snakker brukerens språk. Fellen er å bruke den overalt. Et helt nettsted i monospace er tungt å lese og ligner mer på en koderedigerer enn et produkt. Et bedre mønster er en ren grotesk til overskrifter og brødtekst, med monospace til detaljene som faktisk er tekniske: versjonsnumre, kommandoer, etiketter, priser i tabeller og små overlinjer.

Monospace i redaksjonelt design

Magasiner, nyhetsbrev og studioer bruker monospace til metadata: datoer, bildetekster, krediteringer, utgavenumre og topptekster. Sammen med en antikva eller en raffinert grotesk gir den et ærlig preg, som en reporters notatbok eller en arkivetikett. Det fungerer fordi skriften brukes sparsomt og i liten størrelse, med store eller små bokstaver og litt bokstavavstand. Grunnleggende typografi og skriftkombinasjoner viser hvordan du bygger denne kontrasten.

Monospace i retrodesign

Retro-monospace har to varianter. Skrivemaskinskrifter gir assosiasjoner til papir, blekk og 1960-tallets kontorer; terminalskrifter til lysende skjermer og tidlige datamaskiner. Fargen gjør halve jobben: skrivemaskinskrift på varm, brukket hvit, terminalskrift i fosforgrønt eller ravgult på nesten svart. Retroskrifter dekker flere nostalgiske uttrykk.

Slik bruker du monospace godt

Noen ganger ønsker du egentlig bare tall som står rett under hverandre, uten et mekanisk uttrykk. Mange proporsjonale skrifter har tabelltall, altså sifre med samme bredde, som du kan slå på i CSS. Da blir priser og tabeller ryddige uten at hele designet endrer karakter.

/* A monospace accent for technical labels */
.label {
  font-family: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Aligned numbers without switching to monospace */
.price-table td {
  font-variant-numeric: tabular-nums;
}

Monospace passer godt sammen med gradient- og materialbakgrunner fordi den flate, jevne strukturen står i kontrast til myke farger. I Gradiently holder en Mark små etiketter leselige ved å flytte sitt roligste område bak ordene og velge lys eller mørk tekstfarge for hver linje. Med Pro lagrer merkevaresettet overskrifts- og brødtekstskriftene dine, også opplastede skriftfiler. Se merkevareskrifter og moderne skrifter for et bredere perspektiv på typografi i en profil.