Telegram, WhatsApp  +380637610482
Valery Danyuk
Valery DanyukEntwicklerEntwicklung von KI-Tools für Unternehmen. Hohe Qualität. Erschwinglich.In Telegram schreiben
Airbnb — eine Vorschau einer Website in diesem Stil

Airbnb

Eine schlichte weiße Bilderwand mit einem einzelnen korallenroten Lesezeichen

Airbnb setzt auf einen minimalistischen, minimalistischen Stil, bei dem die Fotografie im Vordergrund steht: Fast jeder Bildschirm präsentiert sich in einem ruhigen Schwarz-Weiß-Format, sodass großformatige Bilder der Unterkünfte den Gesamteindruck optimal vermitteln. Ein einzelner, kräftiger korallenroter Akzent (Rausch) dient als einziger Farbtupfer und signalisiert Dynamik. Die Schriftart ist eine geometrische serifenlose Schrift (Airbnb Cereal VF) – überwiegend klein und prägnant – für Fließtext, Benutzeroberfläche und Überschriften (22-22). Dank des geringen Zeilenabstands und des großzügigen Zeilenabstands sind auch Karten mit umfangreichem Text gut lesbar. Die Benutzeroberfläche ist flach, rahmenlos und abgerundet: Karten und Bedienelemente haben einen Radius von 12-3, die Schaltflächen sind rund und pillenförmig, und nur markante Elemente wie die Suchleiste erhalten sanfte, abgestufte Schatten. Alles andere – Karten, Listeneinträge, Links – setzt auf Weißraum und feine Linien statt auf Chromakzente.

Das Layout erstreckt sich über die gesamte Seitenbreite ohne feste maximale Breitenbegrenzung – der Inhalt reicht bis an den Rand des sichtbaren Bereichs, mit einem horizontalen Abstand von ca. 40 Pixeln auf jeder Seite (Desktop). Der Hero-Bereich ist eine schwebende Suchleiste, zentriert auf einem neutralen weißen Hintergrund ohne Bild oder Titel – die Suchleiste selbst ist der Hero-Bereich. Unterhalb der Suche geht die Seite in vertikal gestapelte, horizontal scrollbare Abschnitte über (vier Zeilen sind sichtbar: Ausgewählte Immobilien, Top-Hotels, Andere Stadt, Verfügbar im nächsten Monat). Jeder Abschnitt ist ca. 320 Pixel hoch und durch 48 Pixel breite vertikale Abstände voneinander getrennt. Jeder Abschnitt verwendet ein 7-Karten-Raster mit horizontalem Überlauf und Pfeilnavigation. Die Fußzeile besteht aus einem dreispaltigen Linkraster auf einem #f7f7f7-Hintergrund, gefolgt von einer unteren Leiste mit Copyright-Informationen, Sprach-/Währungsoptionen und Social-Media-Symbolen. Die Navigation ist eine feste obere Leiste mit zentrierter Tab-Navigation und rechtsbündigen Steuerelementen.

Fotografie dominiert das visuelle System, wobei bildschirmfüllende Bilder von Immobilienanzeigen den primären Inhalt bilden. Alle Fotos sind warme, gut ausgeleuchtete Innen- und Außenaufnahmen realer Häuser und Hotels, die mit natürlicher Farbkorrektur bearbeitet wurden (ohne starke Filter oder Duotonen). Die Bilder sind für die Anzeigekarten im 1:1-Format präzise zugeschnitten und füllen den Kartenrand ohne Beschnitt aus. Die Icons der Benutzeroberfläche haben eine monochrome Kontur (Linienstärke ca. 16–16 pt) und werden sparsam für Navigationskategorien und Bedienelemente verwendet. Das Logo ist das einzige mehrfarbige Grafikelement (Rausch). Keine Illustrationen, keine 3D-Renderings, keine abstrakten Grafiken – die Bildsprache besteht aus reiner Fotografie und minimalistischer, monochromer Ikonografie auf einem sanften Weißton.

Palette

Marke

  • Rausch #ff385c — Rot wird als dekorativer Akzent für Symbole, Schilder und kleine grafische Details verwendet. Es sollte nicht als Hauptfarbe für Handlungsaufforderungen eingesetzt werden.
  • Rausch 600 #e00b41 — Eine gepresste und dunkle Variante der Rausch-Farbe für Oberflächen, die als Markenakzente auf schwebenden/aktiven Oberflächen verwendet werden.

Neutral

  • Hof #222222 — Der Fließtext, die Haupttexte, die Überschriften, die Umrisse der Symbole und der invertierte Hintergrund sind in einer neutralen, fast schwarzen Farbe gehalten, die als Grundlage für das gesamte achromatische System dient.
  • Foggy #6a6a6a — Sekundärer Text, stummgeschaltete Bildunterschriften, Hilfstext, deaktivierte Symbolfüllung und diskrete Metadaten unterhalb der Kartentitel.
  • Grey 500 #c1c1c1 — Deaktivierter Text, Platzhaltertext in Eingabefeldern und ausgeblendete Symbolumrisse, wenn der Status weniger stark hervorgehoben werden soll.
  • Bebe #ebebeb — Dünne Ränder, unterstrichene Eingabefelder, Trennlinien zwischen Listenzeilen und dezente Trennlinien.
  • Deco #dddddd — Hintergrundbilder für inaktive Container, Platzhalter und deaktivierte Kartenzustände.
  • Faint #f7f7f7 — Das Hintergrundbild der Seite, die Fußzeilenoberfläche und der Hover-Effekt für interaktive Elemente sind in einem sanften, cremigen Farbton gehalten, der diese Seite von den reinweißen Karten abhebt.

Typografie

von 11 auf 28 Pixel · 5 Schritte

  • Airbnb Cereal VF — Ersatz: Circular · Umrisse 400, 500, 600, 700 · Eine speziell für Airbnb entwickelte geometrische serifenlose Schriftart. Der Fließtext ist in 14px/400 pt positioniert, UI-Beschriftungen in 16px/500 pt, Abschnittsüberschriften in 20px/600 pt und 22px/500 pt mit einem engen Buchstabenabstand von -0,02em und Seitenüberschriften in 28px/700 pt. Der negative Buchstabenabstand verringert sich mit zunehmender Größe – ein typisches Merkmal geometrischer serifenloser Schriftarten auf größeren Bildschirmen. Die Funktion „Salt“ für alternative Glyphen ist aktiviert.

Intervalle und Form

ZweckBedeutung
Dichtedicht
Grundlegender Schritt12px
Radius der Schaltfläche9999px
Kartenradius12px
Schattenweiche Schatten
Zwischen den Abschnitten48px
Seitenbreite1440px

KI erstellt Ihre Website im Airbnb -Stil und füllt sie aus.

  • Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
  • Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
  • Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
  • Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.

Ähnliche Stile

  • Apple (España) — weiße Galerievitrine
  • Silencio — Ein weißer Raum mit schwebenden Artefakten. Eine Galerieausstellung aus warmem Papier, bei der jedes Element seinen Platz vor einem Hintergrund aus negativem Volumen einnimmt, und die Stille ist eine bewusste Gestaltungsentscheidung.
  • Oakâme — Eine sonnendurchflutete provenzalische Werkstatt, aus warmem Stein gehauen
  • Nike — Eine monochrome Galerie sportlicher Errungenschaften – weiße Wände, das Produkt als Kunstwerk, Chrom im Hintergrund aufgelöst
  • Arc — Industrielle weiße Galerie über Mitternachtswasser
  • Rivian — Ein elektrischer Monolith an der Betonwand der Galerie. Rivian präsentiert jedes Fahrzeug als Skulptur vor einem weitläufigen weißen Raum, wobei die Typografie so groß ist, dass sie zu einem architektonischen Element wird, und ein einzelnes warmes Gelb die monochrome Atmosphäre durchbricht, wie Sonnenlicht auf einer matten Oberfläche.
  • Analogue — Schwarze Galerievitrine – Waren schweben im Nichts
  • ddna — Warme Museumsvitrine auf unbehandeltem Leinen
  • Zellerfeld — Eine Bildhauerwerkstatt aus weißem Marmor – die monolithischen Oberflächen des Sockels, ein einzelner Funke Kobalt, ein Hauch von Kleinbuchstaben vom Boden bis zur Decke
  • UY Studio — Die steinerne Galerie des Klosters ist ein ruhiger Raum mit Betonwänden, in dem Parfümflakons auf weißen Sockeln stehen, beleuchtet von einer 400-Watt-Lampe und vier warmgrauen Glühbirnen.
  • Basic.Space — Kuratorengalerie auf weißem Marmor
  • COS — eine trendige Galerie mit weißen Wänden