# Monospace-fonts in branding: tech, redactioneel en retro

[Canonical HTML page](https://gradiently.design/nl/guide/monospace-fonts)

Monospace-letters zijn gemaakt voor typemachines en terminals. Merken gebruiken ze nu om precies, openhartig of nostalgisch over te komen. Zo kies je er een, waar hij in een identiteit thuishoort en waar niet.

## The short version

- In een monospace-lettertype neemt elk teken dezelfde breedte in, dus tekst staat in perfecte kolommen.
- Monospace-letters lezen technisch, redactioneel of retro, afhankelijk van het font en de kleuren eromheen.
- JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono en Courier Prime zijn gratis monospace-fonts op Google Fonts.
- Monospace-lettertypen werken het best voor labels, cijfers, codes en korte regels, en vermoeien in lange alinea’s.
- Moeten alleen cijfers onder elkaar staan, dan doen tabulaire cijfers in een gewoon font dat zonder de hele stem te veranderen.

**Monospace-lettertypen** geven elk teken dezelfde breedte, dus een i neemt evenveel ruimte in als een m en tekst staat in nette kolommen. Dat mechanische ritme is waarom merken ze gebruiken: in een techidentiteit leest monospace als precies en ontworpen, in redactioneel ontwerp als openhartig en documentair, en in retrowerk roept het typemachines, kassabonnen en groene terminalschermen op. Goede gratis fonts zijn onder meer JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono en Courier Prime, allemaal op Google Fonts.

## Waarom monospace-letters zo voelen

Gewone fonts zijn proportioneel: smalle letters krijgen smalle vakjes, brede letters brede. Monospace dwingt elke letter in één vakje. Smalle letters krijgen schreven of platen om de ruimte te vullen, brede letters worden samengeknepen, en het resultaat heeft een zichtbaar raster. Mensen verbinden dat raster met de machines die het maakten: typemachines, code-editors, terminals, vliegtuigtickets en verzendlabels. Die associaties zijn de merkwaarde, en ook het risico.

## Gratis monospace-fonts, per smaak

| Smaak | Google Fonts | Karakter | Past bij |
| --- | --- | --- | --- |
| Schoon technisch | JetBrains Mono, Geist Mono, Roboto Mono, Source Code Pro | Neutraal, zeer leesbaar, gemaakt voor code | Ontwikkeltools, SaaS, documentatie |
| Zakelijk en redactioneel | IBM Plex Mono, DM Mono, Red Hat Mono | Kalm, verfijnd, een beetje boekachtig | Tijdschriften, studio’s, jaarverslagen |
| Karaktervol | Space Mono, Martian Mono, Azeret Mono | Geometrisch of eigenzinnig, sterk op grote formaten | Koppen, posters, creatieve merken |
| Typemachine | Courier Prime, Special Elite | Plaatschreven, inkt en papier | Filmscripts, brieven, vintagemerken |
| Retroscherm | VT323, Share Tech Mono | Vormen van terminals en sciencefictionschermen | Games, muziek, nostalgische campagnes |

Gratis onder open licenties. Fira Code voegt ook programmeerligaturen toe die tekenparen als => in één symbool veranderen.

Een paar achtergronden helpen bij het kiezen. **IBM Plex Mono** hoort bij IBM’s eigen bedrijfsfamilie, en draagt dus een serieuze, institutionele rust. **Space Mono** is ontworpen door Colophon voor Google Design en heeft een onderscheidende geometrische look die als kop standhoudt. **Courier Prime** is gemaakt als een verfijndere Courier voor filmscripts. **VT323** is gebaseerd op de letters van een DEC-computerterminal uit de jaren tachtig en leest dus meteen als retro.

## Monospace in techbranding

Voor ontwikkeltools en technische producten laat een monofont zien dat het merk de taal van de gebruiker spreekt. De valkuil is hem overal gebruiken. Een hele website in monospace vermoeit bij het lezen en lijkt op een code-editor in plaats van een product. Het sterkere patroon is een strakke schreefloze voor koppen en lopende tekst, met monospace voor de details die echt technisch zijn: versienummers, commando’s, labels, prijzen in tabellen, kleine bovenregels.

Een brede LinkedIn-linkafbeelding die Versie 3.0 aankondigt, met een klein technisch label boven de kop

Een LinkedIn-linkafbeelding van 1200×627 voor een release. Een versielabel is de natuurlijke plek voor monospace; de kop kan in een schreefloze blijven.

Een staande redactionele post met de titel Dispatch 017, een klein datumlabel en een korte lijst

Een redactionele post. Data, uitgavenummers en archieflabels in mono geven een documentair notitieboekgevoel.

## Monospace in redactioneel ontwerp

Tijdschriften, nieuwsbrieven en studio’s gebruiken monospace voor metadata: datumregels, bijschriften, vermeldingen, uitgavenummers en lopende koppen. Naast een schreef of een verfijnde schreefloze voegt het een noot van eerlijkheid toe, als een reporterschrift of een archieflabel. Het werkt omdat het spaarzaam en klein wordt gebruikt, in hoofdletters of kleine letters met wat letterspatiëring. [Basis van typografie](https://gradiently.design/nl/guide/typography-basics) en [lettertypecombinaties](https://gradiently.design/nl/guide/font-pairing) behandelen hoe je dat contrast opbouwt.

## Monospace in retro-ontwerp

Retro-mono komt in twee dialecten. Typemachinefonts brengen papier, inkt en het kantoor van de jaren zestig; terminalfonts brengen gloeiende schermen en vroege computers. Kleur doet de helft van het werk: een typemachinefont op warm gebroken wit, een terminalfont in fosforgroen of amber op bijna zwart. [Retrolettertypen](https://gradiently.design/nl/guide/retro-fonts) behandelt de bredere reeks nostalgische stijlen.

- Terminalzwart: #0b0f0c
- Fosforgroen: #33ff66
- Amberscherm: #ffb000
- Typepapier: #f3ecdc
- Lintinkt: #2b2a28

Twee retrowerelden voor monospace: groen of amber op terminalzwart, of lintinkt op typepapier. Kies er één, nooit beide.

## Monospace goed gebruiken

### Vermijd

- Lange alinea’s in monospace
- Monospace voor elk element van een merk
- Typemachinefonts voor serieuze financiële teksten
- Twee verschillende monofonts mengen
- Piepkleine mono-labels zonder letterspatiëring

### Doe

- Mono voor labels, cijfers, codes en korte regels
- Een schreefloze of schreef voor koppen en lopende tekst
- Stem de smaak af op de toon van het merk
- Eén monofont, in één of twee rollen
- Kleine mono in hoofdletters met ongeveer 0,05em spatiëring

Soms wil je eigenlijk cijfers die onder elkaar staan, geen mechanische stem. Veel proportionele fonts bevatten tabulaire cijfers, cijfers die dezelfde breedte delen en die je in CSS aanzet. Dat houdt prijzen en tabellen netjes zonder het gevoel van het hele ontwerp te veranderen.

```css
/* 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;
}
```

`ui-monospace` gebruikt het eigen monofont van het besturingssysteem als terugval. `tabular-nums` lijnt cijfers uit in fonts die het ondersteunen.

Monospace combineert goed met verloop- en materiaalachtergronden, omdat zijn vlakke, gelijkmatige textuur contrasteert met zachte kleur. In Gradiently houdt een Mark kleine labels leesbaar door zijn rustigste gebied achter de woorden te schuiven en per regel lichte of donkere inkt te kiezen, en met Pro bevat de merkkit je kop- en lopende-tekstfonts, inclusief [geüploade fontbestanden](https://gradiently.design/nl/guide/custom-fonts-upload). Voor een bredere blik op merkletters zie je [merklettertypen](https://gradiently.design/nl/guide/brand-fonts) en [moderne lettertypen](https://gradiently.design/nl/guide/modern-fonts).

## FAQ

### Wat is een monospace-lettertype?

Een font waarin elk teken dezelfde horizontale breedte inneemt, zodat tekst in kolommen staat, zoals op een typemachine of in een code-editor.

### Wat is het beste gratis monospace-font?

JetBrains Mono en IBM Plex Mono zijn uitstekende allrounders. Space Mono past bij koppen en Courier Prime bij typemachinestijlen. Allemaal gratis op Google Fonts.

### Kan ik een monospace-font voor een merk gebruiken?

Ja, vooral voor tech-, redactionele of retromerken. Gebruik het voor labels, cijfers en korte regels, en combineer het met een schreefloze of schreef voor langere tekst.

### Is monospace goed voor lopende tekst?

Meestal niet. Gelijke breedtes maken woorden ongelijk en alinea’s trager te lezen. Bewaar monospace voor code en korte stukken tekst.

### Hoe laat ik cijfers onder elkaar staan zonder monospace-font?

Gebruik tabulaire cijfers. In CSS laat `font-variant-numeric: tabular-nums` cijfers dezelfde breedte delen in fonts die het ondersteunen.