Geist Serif is de nieuwste toevoeging aan de Geist-lettertypefamilie, die al bestond uit Sans, Mono en Pixel. In tegenstelling tot de functionele aard van de andere varianten, is Geist Serif een 'display face' met een hoog contrast en scherpe schreven, geïnspireerd door mode en redactioneel drukwerk.
De belangrijkste technische aspecten zijn:
- Harmonie: Het lettertype is ontworpen met dezelfde x-hoogte en hoofdletterhoogte als Geist Sans, waardoor verschillende stijlen binnen één tekstregel perfect op elkaar aansluiten.
- Variabele as: Via de 'Element Shape' (ELSH) as kunnen gebruikers kiezen tussen vier varianten: Regular, Square, Triangle en Heart.
- Breedte en ondersteuning: Met 894 glyphs ondersteunt het lettertype 352 talen.
- Implementatie: Het is beschikbaar via npm (
npm i geist) en kan direct worden geïntegreerd in webprojecten via CSS-variabelen en TypeScript.
Toekomstige plannen omvatten de uitbreiding van gewichten (van Thin tot Black), de ontwikkeling van een specifieke tekstversie, Python-gegenereerde cursieven en ondersteuning voor het Cyrillische schrift.
Introductie van Geist Serif
Geist begon als een monospace lettertype voor ontwikkelaars, gebouwd voor de editors en terminals waar zij hun dagelijkse werk verrichten. Van daaruit groeide het uit tot Geist Sans voor productinterfaces, en vervolgens tot Geist Pixel, geïnspireerd door de grids van vroege computerschermen.
Vandaag voegen we een nieuw lid toe aan de familie: Geist Serif.
Geist Serif is een high-contrast display serif, gebouwd op dezelfde fundamenten als Geist Sans, Geist Mono en Geist Pixel. Het heeft fijne, zaagtandachtige schreefjes en scherpe haarlijnen. Het is ontworpen om krachtige boodschappen over te brengen, zowel in de fysieke wereld als op de hoge resolutie van moderne schermen.
Hetzelfde systeem, een nieuwe stem
Bij Vercel wordt het product aangedreven door Geist Sans. Voor koppen wilden we echter een tweede stem; een stem die bij hetzelfde systeem hoort, in plaats van een vreemde die uit een dropdownmenu is gekozen.
Veel techmerken zijn afgestapt van strakke sans-serifs om weer wat persoonlijkheid terug te krijgen, waarbij velen putten uit vintage computeradvertenties. Geist Serif kiest een ander pad: richting mode, redactioneel ontwerp en tijdschriftkoppen. Het is ons eerbetoon aan de kunstenaars achter Rolling Stone en Harper's Bazaar.
Vanaf het begin heeft elke Geist-familie een hoofdstuk uit de typografiegeschiedenis behandeld: de Zwitserse designbeweging, vroege terminal- en DOS-computing, en nu redactioneel drukwerk.
Eerst gericht op display
Geist Serif begon als een reeks schetsen van Evil Rabbit, die vervolgens door Andrés Briganti werden uitgebreid. De eerste letters toonden al een expressieve schreef, in de geest van lettertypes zoals Victor Serif en Stanley.
Toen Mark Davis het ontwerp overnam, maakten we van de eerste release een 'display face' voor koppen, posters en andere grote formaten, terwijl het werk aan de volledige familie werd voortgezet. Print heeft altijd moeite gehad met het behouden van fijne haarlijnen en scherpe schreven, maar de displays van vandaag kunnen een hoog detailniveau aan. We wilden dat het nieuwe lettertype optimaal gebruikmaakt van moderne schermen, dus hebben we elke neerwaartse streek met 50% versmald en de sidebearings aangescherpt om het contrast tot het uiterste te drijven.
Elke schreef heeft aan één zijde een wig en aan de andere zijde een curve, waardoor de proporties klassiek zijn en prachtig ogen in print, terwijl de constructie nieuw is en geoptimaliseerd voor digitale apparaten.
"We hebben iets gecreëerd dat alleen voor vandaag gemaakt had kunnen worden. Niet overdreven blokkerig voor schermen van een decennium geleden, en niet gevuld met mechanische compromissen voor fysieke inkt. Gewoon schreven op perfecte punten."
— Mark Davis, oprichter & font designer bij WORDMARK
Van het eerste prototype tot nu
Het eerste prototype van Geist Serif werd gedeeld op 1 april 2026. Het verschil tussen dat prototype en het huidige display-ontwerp is aanzienlijk.
Geist kreeg tanden
Het doel was om onze oorspronkelijke intentie te eren en de serif nauw verbonden te houden met de sans, zelfs wanneer de letters boven op elkaar staan. De stammen van Geist Serif komen overeen met die van Geist Sans, en beide delen dezelfde breedtes en houdingen.
De zaagtandachtige schreven en het hoge contrast geven Geist een redactionele stem. Tijdens het tekenen van elk karakter bleef één zin terugkomen: "Geist kreeg tanden."
Vier families, één x-hoogte
Geist Serif gebruikt dezelfde hoofdletterhoogte (cap height) en x-hoogte als Geist Sans, zodat je het in elke Geist-layout kunt plaatsen zonder een regel te hoeven verschuiven. Als je Sans, Mono, Pixel en Serif in dezelfde zin mengt, lijkt elk woord even groot.
| Metric | Geist Sans | Geist Serif |
|---|
| UPM | 1000 | 1000 |
| Cap height | 710 | 710 |
| x-height | 530 | 530 |
| Ascender | 710 | 750 |
| Descender | -150 | -200 |
Vier varianten, één as
Net als Geist Pixel heeft Geist Serif een variabele as die de vorm van elk punt in het lettertype wijzigt, inclusief die op de 'i' en 'j' en in de leestekens. Deze as wordt Element Shape (ELSH) genoemd en biedt vier varianten:
- Regular met ronde punten (standaard)
- Square (Vierkant)
- Triangle (Driehoek, een knipoog naar het Vercel-logo)
- Heart (Hart)
Elke variant wordt ook geleverd als een eigen statisch bestand. Als je het variabele lettertype gebruikt, kun je een variant kiezen met font-variation-settings.
Met de hand vervaardigd
In juli had het lettertype 227 glyphs. Nu zijn dat er 894, waarmee 352 talen met Latijns schrift worden ondersteund. We hebben meer dan 52.000 kerning pairs uitgewerkt om de spatiëring correct te krijgen. Sommige details zijn minuscuul; het oog van de 'g' is bijvoorbeeld exact 7° gekanteld.
Specificaties in één oogopslag
Geist Serif wordt geleverd met:
- 1 gewicht (Regular)
- 4 varianten (Regular, Square, Triangle, Heart)
- 894 glyphs
- 5 stylistische sets (ss01 tot ss05)
- 352 ondersteunde talen
Aan de slag
Geist Serif wordt geleverd in hetzelfde pakket als de rest van de familie:
npm i geist
Exports en CSS-variabelen:
- GeistSerif (variabel, alle vormen):
--font-geist-serif
- GeistSerifRegular:
--font-geist-serif-regular
- GeistSerifSquare:
--font-geist-serif-square
- GeistSerifTriangle:
--font-geist-serif-triangle
- GeistSerifHeart:
--font-geist-serif-heart
Elke variant heeft zijn eigen toegangspunt, zodat je alleen het lettertypebestand verzendt dat je daadwerkelijk gebruikt. Bijvoorbeeld in layout.tsx met GeistSerifRegular:
import { GeistSerifRegular } from 'geist/font/serif/regular';
export default function RootLayout({ children }) {
return (
<html lang="en" className={GeistSerifRegular.variable}>
<body>{children}</body>
</html>
);
}
Je kunt de lettertypebestanden ook downloaden, elke stylistische set testen en elke glyph inspecteren op vercel.com/font.
Wat volgt er nog
Regular is de eerste stijl die we uitbrengen, en de rest van de familie is al in ontwikkeling. We testen toekomstige versies terwijl we deze bouwen, dus deze release is slechts het begin.
Gewichten van Thin tot Black
Het variabele lettertype zal variëren van Thin (100) tot Black (900). In de proeven van deze week is de 'g' in Black een letter waar we niet van kunnen afkijken.
Richting een text face
Om een tekstversie te verkennen, hebben we een foundry tool gebouwd die streken meet (inclusief waar ze samenkomen) en de display-omtrekken verdikt. Het bewerkt de omtreklijnen direct, zodat we echte woorden kunnen zetten en kunnen zien welke streken meer gewicht nodig hebben.
Cursieven, regel voor regel gebouwd
We ontwikkelen ook een cursief (italic) dat volledig in Python is gegenereerd. We hebben bestaande cursieven weer rechtop gezet en vergeleken met hun romeinse tegenhangers. Door de hoek te verwijderen, worden de resterende verschillen duidelijk; deze hebben we omgezet in regels die we kunnen testen en herzien. Dit cursief zal niet de definitieve versie zijn, maar het afbreken van glyphs in code helpt ons om de grenzen sneller te vinden.
Meer schriften en Google Fonts
Ondersteuning voor Cyrillisch is gepland om overeen te komen met Geist Sans en Geist Mono, en Geist Serif zal na de lancering beschikbaar komen op Google Fonts.
Eén familie
Met Geist Sans, Geist Mono, Geist Pixel en nu Geist Serif, beslaat de familie alles van UI-tekst en code tot expressieve display-typografie, waarbij alle vier zich thuis voelen in elkaars gezelschap.
Download Geist Serif en begin met bouwen.
***
Dankwoord
Niets hiervan zou mogelijk zijn geweest zonder een ongelooflijke groep mensen achter de schermen.
Grote dank aan Andrés Briganti voor het starten van deze reis en het tekenen van de eerste versie waar alles uit is gegroeid, en aan Mark Davis voor het over de finishlijn brengen met obsessieve zorg, van de uitgebreide glyph-set en variabele as tot elk laatste kerning-paar. Dank ook aan Patrick McDonald en Marijana Pavlinić voor de posterontwerpen, aan Luis Gutierrez Rico voor de motion en ongelooflijke magie, aan Christopher Kindl voor het leveren van het pakket en het herbouwen van de landingspagina tot in de kleinste details, en aan Zahra Jabini voor de coördinatie en technische ondersteuning die alles tot een geheel bracht. Dit was een echte teaminspanning.
Bijdragers Eric Dodds
Introductie van Geist Serif
Geist begon als een monospace lettertype voor ontwikkelaars, gebouwd voor de editors en terminals waar zij hun dagelijkse werk verrichten. Van daaruit groeide het uit tot Geist Sans voor productinterfaces, en vervolgens tot Geist Pixel, geïnspireerd door de grids van vroege computerschermen.
Vandaag voegen we een nieuw lid toe aan de familie: Geist Serif.
Geist Serif is een high-contrast display serif, gebouwd op dezelfde fundamenten als Geist Sans, Geist Mono en Geist Pixel. Het heeft fijne, zaagtandachtige schreefjes en scherpe haarlijnen. Het is ontworpen om krachtige boodschappen over te brengen, zowel in de fysieke wereld als op de hoge resolutie van moderne schermen.
Hetzelfde systeem, een nieuwe stem
Bij Vercel wordt het product aangedreven door Geist Sans. Voor koppen wilden we echter een tweede stem; een stem die bij hetzelfde systeem hoort, in plaats van een vreemde die uit een dropdownmenu is gekozen.
Veel techmerken zijn afgestapt van strakke sans-serifs om weer wat persoonlijkheid terug te krijgen, waarbij velen putten uit vintage computeradvertenties. Geist Serif kiest een ander pad: richting mode, redactioneel ontwerp en tijdschriftkoppen. Het is ons eerbetoon aan de kunstenaars achter Rolling Stone en Harper's Bazaar.
Vanaf het begin heeft elke Geist-familie een hoofdstuk uit de typografiegeschiedenis behandeld: de Zwitserse designbeweging, vroege terminal- en DOS-computing, en nu redactioneel drukwerk.
Eerst gericht op display
Geist Serif begon als een reeks schetsen van Evil Rabbit, die vervolgens door Andrés Briganti werden uitgebreid. De eerste letters toonden al een expressieve schreef, in de geest van lettertypes zoals Victor Serif en Stanley.
Toen Mark Davis het ontwerp overnam, maakten we van de eerste release een 'display face' voor koppen, posters en andere grote formaten, terwijl het werk aan de volledige familie werd voortgezet. Print heeft altijd moeite gehad met het behouden van fijne haarlijnen en scherpe schreven, maar de displays van vandaag kunnen een hoog detailniveau aan. We wilden dat het nieuwe lettertype optimaal gebruikmaakt van moderne schermen, dus hebben we elke neerwaartse streek met 50% versmald en de sidebearings aangescherpt om het contrast tot het uiterste te drijven.
Elke schreef heeft aan één zijde een wig en aan de andere zijde een curve, waardoor de proporties klassiek zijn en prachtig ogen in print, terwijl de constructie nieuw is en geoptimaliseerd voor digitale apparaten.
"We hebben iets gecreëerd dat alleen voor vandaag gemaakt had kunnen worden. Niet overdreven blokkerig voor schermen van een decennium geleden, en niet gevuld met mechanische compromissen voor fysieke inkt. Gewoon schreven op perfecte punten."
— Mark Davis, oprichter & font designer bij WORDMARK
Van het eerste prototype tot nu
Het eerste prototype van Geist Serif werd gedeeld op 1 april 2026. Het verschil tussen dat prototype en het huidige display-ontwerp is aanzienlijk.
Geist kreeg tanden
Het doel was om onze oorspronkelijke intentie te eren en de serif nauw verbonden te houden met de sans, zelfs wanneer de letters boven op elkaar staan. De stammen van Geist Serif komen overeen met die van Geist Sans, en beide delen dezelfde breedtes en houdingen.
De zaagtandachtige schreven en het hoge contrast geven Geist een redactionele stem. Tijdens het tekenen van elk karakter bleef één zin terugkomen: "Geist kreeg tanden."
Vier families, één x-hoogte
Geist Serif gebruikt dezelfde hoofdletterhoogte (cap height) en x-hoogte als Geist Sans, zodat je het in elke Geist-layout kunt plaatsen zonder een regel te hoeven verschuiven. Als je Sans, Mono, Pixel en Serif in dezelfde zin mengt, lijkt elk woord even groot.
| Metric | Geist Sans | Geist Serif |
|---|
| UPM | 1000 | 1000 |
| Cap height | 710 | 710 |
| x-height | 530 | 530 |
| Ascender | 710 | 750 |
| Descender | -150 | -200 |
Vier varianten, één as
Net als Geist Pixel heeft Geist Serif een variabele as die de vorm van elk punt in het lettertype wijzigt, inclusief die op de 'i' en 'j' en in de leestekens. Deze as wordt Element Shape (ELSH) genoemd en biedt vier varianten:
- Regular met ronde punten (standaard)
- Square (Vierkant)
- Triangle (Driehoek, een knipoog naar het Vercel-logo)
- Heart (Hart)
Elke variant wordt ook geleverd als een eigen statisch bestand. Als je het variabele lettertype gebruikt, kun je een variant kiezen met font-variation-settings.
Met de hand vervaardigd
In juli had het lettertype 227 glyphs. Nu zijn dat er 894, waarmee 352 talen met Latijns schrift worden ondersteund. We hebben meer dan 52.000 kerning pairs uitgewerkt om de spatiëring correct te krijgen. Sommige details zijn minuscuul; het oog van de 'g' is bijvoorbeeld exact 7° gekanteld.
Specificaties in één oogopslag
Geist Serif wordt geleverd met:
- 1 gewicht (Regular)
- 4 varianten (Regular, Square, Triangle, Heart)
- 894 glyphs
- 5 stylistische sets (ss01 tot ss05)
- 352 ondersteunde talen
Aan de slag
Geist Serif wordt geleverd in hetzelfde pakket als de rest van de familie:
npm i geist
Exports en CSS-variabelen:
- GeistSerif (variabel, alle vormen):
--font-geist-serif
- GeistSerifRegular:
--font-geist-serif-regular
- GeistSerifSquare:
--font-geist-serif-square
- GeistSerifTriangle:
--font-geist-serif-triangle
- GeistSerifHeart:
--font-geist-serif-heart
Elke variant heeft zijn eigen toegangspunt, zodat je alleen het lettertypebestand verzendt dat je daadwerkelijk gebruikt. Bijvoorbeeld in layout.tsx met GeistSerifRegular:
import { GeistSerifRegular } from 'geist/font/serif/regular';
export default function RootLayout({ children }) {
return (
<html lang="en" className={GeistSerifRegular.variable}>
<body>{children}</body>
</html>
);
}
Je kunt de lettertypebestanden ook downloaden, elke stylistische set testen en elke glyph inspecteren op vercel.com/font.
Wat volgt er nog
Regular is de eerste stijl die we uitbrengen, en de rest van de familie is al in ontwikkeling. We testen toekomstige versies terwijl we deze bouwen, dus deze release is slechts het begin.
Gewichten van Thin tot Black
Het variabele lettertype zal variëren van Thin (100) tot Black (900). In de proeven van deze week is de 'g' in Black een letter waar we niet van kunnen afkijken.
Richting een text face
Om een tekstversie te verkennen, hebben we een foundry tool gebouwd die streken meet (inclusief waar ze samenkomen) en de display-omtrekken verdikt. Het bewerkt de omtreklijnen direct, zodat we echte woorden kunnen zetten en kunnen zien welke streken meer gewicht nodig hebben.
Cursieven, regel voor regel gebouwd
We ontwikkelen ook een cursief (italic) dat volledig in Python is gegenereerd. We hebben bestaande cursieven weer rechtop gezet en vergeleken met hun romeinse tegenhangers. Door de hoek te verwijderen, worden de resterende verschillen duidelijk; deze hebben we omgezet in regels die we kunnen testen en herzien. Dit cursief zal niet de definitieve versie zijn, maar het afbreken van glyphs in code helpt ons om de grenzen sneller te vinden.
Meer schriften en Google Fonts
Ondersteuning voor Cyrillisch is gepland om overeen te komen met Geist Sans en Geist Mono, en Geist Serif zal na de lancering beschikbaar komen op Google Fonts.
Eén familie
Met Geist Sans, Geist Mono, Geist Pixel en nu Geist Serif, beslaat de familie alles van UI-tekst en code tot expressieve display-typografie, waarbij alle vier zich thuis voelen in elkaars gezelschap.
Download Geist Serif en begin met bouwen.
***
Dankwoord
Niets hiervan zou mogelijk zijn geweest zonder een ongelooflijke groep mensen achter de schermen.
Grote dank aan Andrés Briganti voor het starten van deze reis en het tekenen van de eerste versie waar alles uit is gegroeid, en aan Mark Davis voor het over de finishlijn brengen met obsessieve zorg, van de uitgebreide glyph-set en variabele as tot elk laatste kerning-paar. Dank ook aan Patrick McDonald en Marijana Pavlinić voor de posterontwerpen, aan Luis Gutierrez Rico voor de motion en ongelooflijke magie, aan Christopher Kindl voor het leveren van het pakket en het herbouwen van de landingspagina tot in de kleinste details, en aan Zahra Jabini voor de coördinatie en technische ondersteuning die alles tot een geheel bracht. Dit was een echte teaminspanning.
Bijdragers Eric Dodds
Groetjes,