Stylepack

Schriften

Die Schriften von airbnb.com

airbnb.com setzt Überschriften und Fließtext in Airbnb Cereal VF. Airbnb Cereal VF ist eine lizenzierte Schrift, die die Seite selbst ausliefert. Die nächste freie Alternative auf Google Fonts: Inter.

vor 4 Tagen auf airbnb.com gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

1 Schriftfamilie
Airbnb Cereal VF
Verwendet für
h1, h2, label, button
Quelle
Selbst gehostet
Freie Alternative
Inter

CSS zum Nachbauen

Schrift-Variablen mit der freien Alternative im Font-Stack, damit dasselbe CSS mit und ohne die lizenzierte Schrift funktioniert.

:root {
  --font-heading: "Airbnb Cereal VF", "Inter", sans-serif; /* Inter stands in for Airbnb Cereal VF */
  --font-body: "Airbnb Cereal VF", "Inter", sans-serif; /* Inter stands in for Airbnb Cereal VF */
  --font-size-base: 14px;
}

So ist der Text gesetzt

headline-displayQuick brown foxAirbnb Cereal VF / 28px / 700 / lh 40.04px
headline-lgQuick brown foxAirbnb Cereal VF / 20px / 600 / lh 24px / -0.18px
headline-mdQuick brown foxAirbnb Cereal VF / 24px / 600 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogAirbnb Cereal VF / 14px / 400 / lh 1.4
label-mdThe quick brown fox jumps over the lazy dogAirbnb Cereal VF / 12px / 400 / lh 1.33
buttonThe quick brown fox jumps over the lazy dogAirbnb Cereal VF / 14px / 400 / lh 18px
Verwendete Schriftgrößen
111213142028

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

curl -s https://stylepack.ai/packs/airbnb.com/DESIGN.md

Fragen

Welche Schrift benutzt airbnb.com?

airbnb.com nutzt Airbnb Cereal VF. Überschriften sind in Airbnb Cereal VF gesetzt, Fließtext in Airbnb Cereal VF, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von airbnb.com frei nutzbar?

Nein. Airbnb Cereal VF ist eine lizenzierte Schrift, die airbnb.com selbst ausliefert. Die nächste freie Alternative ist Inter, verfügbar auf Google Fonts. Das CSS auf dieser Seite setzt sie als Ersatz in den Font-Stack.

Wie bekomme ich dieselbe Typografie wie airbnb.com in mein Projekt?

Lade das Designpaket von airbnb.com bei Stylepack herunter: Es enthält den Font-Stack, die Schriftskala, jeden Textstil und die Screenshots, in einer Form, aus der ein KI-Coding-Agent wie Claude Code oder Cursor bauen kann.