- Eine bitmapartige Schrift auf Pixelraster-Basis, die auf Geist Sans/Mono aufbaut und eine präzise, bewusst gestaltete digitale Anmutung vermittelt
- Bietet fünf unterschiedliche Varianten (Square, Grid, Circle, Triangle, Line) und bewahrt durch eine konsistente Struktur auf Pixelebene Lesbarkeit und Rhythmus
- Entwickelt, um die Skalierungs- und Kompatibilitätsprobleme klassischer Pixel-Fonts zu lösen, sodass sie auch in realen Produktumgebungen zuverlässig funktioniert
- Umfasst 480 Glyphen, 7 Style Sets und Unterstützung für 32 Sprachen und lässt sich dank derselben systematischen Denkweise wie die Geist-Familie leicht integrieren
- Wird intern bei Vercel bereits eingesetzt, und die Schriftfamilie soll künftig mit Geist Serif erweitert werden
Überblick über Geist Pixel
- Geist Pixel teilt die grundlegende Struktur von Geist Sans und Geist Mono und ist eine durch ein strenges Pixelraster neu interpretierte Schrift
- Von Bitmaps inspiriert, aber nicht als bloß dekorative Schrift gedacht, sondern als funktionale Schrift für den praktischen Einsatz konzipiert
- Betont Präzision, Intentionalität und digitale Eigenschaften
Dasselbe System, neue Textur
- Geist Pixel wird als systemerweiternde Schrift statt als visuelle Dekoration definiert
- Wie Geist Mono für Entwickler geschaffen wurde, berücksichtigt Geist Pixel die Nutzbarkeit in realen Produktumgebungen
- Fünf Varianten verfügbar: Square, Grid, Circle, Triangle, Line
- Alle Glyphen werden auf einem konsistenten Pixelraster aufgebaut und bewahren Rhythmus, Abstände und Lesbarkeit
- Löst typische Probleme von Pixel-Fonts (fehlende Skalierbarkeit, Metrikkonflikte, dekorative Grenzen) und gewährleistet zugleich visuelle Textur und typografische Präzision
- Bewahrt dieselbe klare Struktur, vorhersehbare Metriken, starke Ausrichtung und plattformübergreifende Skalierbarkeit wie die Geist-Familie
Einfach loslegen
- Geist Pixel kann direkt als npm-Paket (
npm i geist) installiert werden
- Jede Variante wird als CSS-Variable bereitgestellt und kann in
layout.tsx usw. einfach angewendet werden
- Beispiel:
GeistPixelSquare → --font-geist-pixel-square
- Weitere Details zur Verwendung finden sich im npm README
Für das Web und moderne Produkte entwickelt
- Geist Pixel ist für den Einsatz in realen Umgebungen wie UI-Bannern, Dashboards, experimentellen Layouts und Produktoberflächen geeignet
- Unterstützt ausgerichtete vertikale Metriken, eine konsistente Versalhöhe und x-Höhe, Varianten nach Dichte sowie die natürliche Kombination mit der Geist-Familie
- Entworfen als Schrift für das Web und moderne Produkte im Zeitalter AI-zentrierter Workflows
Von Hand auf dem Pixelraster verfeinert
- Geist Pixel ist keine maschinell erzeugte Schrift, sondern eine Schrift, deren sämtliche Glyphen von Hand verfeinert wurden
- Um visuelles Rauschen, unausgewogene Striche und unnatürliche Diagonalen zu entfernen, wurde sie auf Pixelebene angepasst
- Verwendet einen horizontal semi-mono-Ansatz und ist von den Formen von Mono und Sans inspiriert
- Nutzt Einschränkungen als Designwerkzeug, um zugleich Klarheit und Eigenständigkeit zu sichern
- Bestandteile: 5 Varianten, 480 Glyphen, 7 Style Sets, Unterstützung für 32 Sprachen
Formt bereits den nächsten Schritt
- Schon vor der Veröffentlichung begann die Schrift intern bei Vercel, visuelle Sprache und Produktdesign zu beeinflussen
- In Experimenten, Explorations- und Redesign-Arbeiten prägt sie bereits Ton, Textur und Ausdrucksweise
Eine Familie, im Ausbau
- Die erweiterte Schriftfamilie aus Geist, Geist Mono und Geist Pixel deckt alles von funktionalem UI-Text bis zu expressiven Display-Schriften ab
- Geist Serif befindet sich in Entwicklung und soll mit derselben systematischen Denkweise eine neue Stimme hinzufügen
- Geist Pixel kann auf der Vercel-Font-Seite heruntergeladen werden
Noch keine Kommentare.