Typografie
Pairings über die Familie, eine fluide Skala, und die variablen Achsen von Fraunces als lebendes Material.
Im Einsatz in meiner Arbeit
Die Pairings, die meine Projekte schon tragen. Display, Body und Mono, je in der echten Schrift gezeigt.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
01 · opsz 144 · 2026 · 47.05°N 8.31°E
Unsere Editorial-Tech-Stimme. Ein leichtes Fraunces-Display gegen IBM-Plex-Body, mit JetBrains Mono für Daten.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
01 · opsz 144 · 2026 · 47.05°N 8.31°E
Astrophotal. Ein technisches Grotesk-Display über Inter, Mono für Koordinaten und Belichtungswerte.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
Wisdom Boom. Zwei Serifen, ein Didone-Display und ein literarischer Body, für ein poetisches Register.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
01 · opsz 144 · 2026 · 47.05°N 8.31°E
Descienced. Geist Sans und Mono, sauber und technisch, neutral genug für dichte Wissenschaft.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
Descienced für Kinder. Rundes Fredoka und freundliches Nunito, warm und zugänglich.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
Sound of Extinction. Ein leichteres Playfair gegen Inter, cinematisch und zurückhaltend.
Darüber hinaus, für das Kommende
Frische Richtungen, die ich noch nicht nutze, alle live gerendert. Referenz für künftige Projekte und Ausgangspunkt für Kundengespräche.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
Handgemachte Unregelmässigkeit oben, eine ruhige neutrale Grotesk darunter. Warm-modern, Indie-Studio.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
Eine aufeinander abgestimmte Superfamilie. Eine elegante kontrastreiche Serife gegen ihre eigene klare Sans.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
Mutige geometrische Persönlichkeit, geerdet von Soras ruhigem, rundem Body. Ein Statement-Hero.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
Produktions-Serife mit echtem Optical Sizing über einer Digital-First-Grotesk. Langform-Journalismus.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
Hohes, schmales Industrie-Display mit einem Grotesk-Arbeitstier als Body. Plakat-Energie.
Wissen, fühlbar gemacht.
Von leisen Hairlines bis zum expressiven Display trägt Schrift die Stimme eines Projekts. Dieselben Worte wirken in jeder Schrift anders, und dieser Unterschied ist das Design.
Eine bildschirmoptimierte Serife, gepaart mit einer verspielten geometrischen Sans. Freundlich, aber literarisch.
Variabel, als lebendes Material
Fraunces trägt optische Grösse, Weichheit und eine Wonk-Achse. Zieh an den Achsen und sieh, wie aus einer Schrift viele werden.
Neugier
Eine fluide Skala
Ein modularer Rhythmus von Caption bis Hero, mit clamp dimensioniert, sodass er über Viewports atmet, ohne Breakpoints.
Moderne Kniffe
Die Techniken hinter Schrift, die sich 2026 lebendig anfühlt. Kleine Entscheidungen, grosse Wirkung.
Variable Fonts als Bewegung
Gewicht, Breite oder Neigung bei Scroll und Hover animieren. Eine Datei, ein ganzes Spektrum an Stimmen.
Fluide Skala mit clamp()
Viewport-responsive Grössen ohne Breakpoint-Sprünge. Eine Hierarchie, die atmet.
Optical Sizing
Display-Grössen gewinnen Kontrast, kleine Grössen werden kräftiger, automatisch über die opsz-Achse.
Expressives Display
Überdimensionierte Headlines, die das Raster sprengen. Weissraum als Luxus, Schrift als Bildmotiv.
Mono für Metadaten
Daten, Captions, Tags und Kennzahlen in Mono. Signalisiert Daten und gibt editoriale Textur.
Balance und Pretty-Wrap
text-wrap balance für Headlines, pretty für den Body. Fast kein Aufwand, viel editoriale Politur.
Schriften zum Anstreben
Kommerzielle Schriften, die man kennen sollte, hier als Referenz genannt. Nicht geladen, aber auf dem Radar fürs richtige Projekt.
Die definitive Neo-Grotesk der Ära. Helveticas Erinnerung, perfekt auf dem Bildschirm.
Eine kontrastreiche zeitgenössische Serife. Das Portfolio-Display-Gesicht schlechthin.
Eine kalligrafische Serife, die Breitfeder-Wärme mit scharfen Schnitten verbindet. Wissenschaft und Natur.
Typowerkstatt
Für kinetische, datengetriebene Typo-Experimente. Buchstaben, die atmen, Schriftgewichte, die Zahlen folgen, Headlines, die ausdünnen, wenn etwas verschwindet.