Airbnb
Eng roueg wäiss Galeriemauer mat engem eenzege korallroude Lieszeechen
Airbnb funktionéiert an engem "wäisse Leinwand"-Stil, wou d'Fotografie d'Haaptroll spillt: bal all Bildschierm ass e rouege monochrome Kader, wat et erlaabt, datt Vollbildbiller vun den Immobilien den Gesamtandrock vermëttelen, mat engem eenzegen, räiche korallrouden Akzent (Rausch) als eenzege Faarfsignal, deen d'Aktioun bezeechent. D'Schrëft ass eng geometresch Sans-Serif (Airbnb Cereal VF) - meeschtens kleng, zouverlässeg Gréissten - fir den Haapttext, d'Interface an d'Sektiounsiwwerschrëften (22-22) - mat engem knappen negativen Zeilenofstand an engem generéise Zeilenofstand, wat Kaarte mat dichtem Text liesbar mécht. D'Interface ass flaach, ouni Frame a gerundet: 12-3 Radien op Kaarten a Kontrollen, ronn pillefërmeg Knäppercher a mëll, geschichtete Schied nëmme fir prominent Elementer wéi d'Sichbar. Alles anescht - Kaarten, Lëschtelementer, Linken - baséiert op wäissem Raum a feine Linnen anstatt op Chrom-Akzenter.
E Layout a voller Breet ouni fix maximal Breetlimit - den Inhalt erstreckt sech vu Rand zu Rand am siichtbare Beräich, mat ongeféier 40px horizontaler Padding op all Säit um Desktop. Den Held ass eng schwiewend Sichkapsel, zentréiert op enger neutraler wäisser Leinwand ouni Bild oder Titel - d'Sichleist ASS den Held. Ënnert der Sich iwwergeet d'Säit a vertikal gestapelte, horizontal scrollend Sektiounen (véier Reie sinn sichtbar: Ausgewielt Haiser, Super Hotellen, Aner Stad, Nächste Mount verfügbar), all ongeféier 320px héich, getrennt duerch 48px vertikal Regaler. All Sektioun benotzt e 7-Kaarte-Raster mat horizontaler Iwwerlaf- an Pfeilnavigatioun. De Fousszeil ass e 3-Kolonnen-Raster vu Linken op engem #f7f7f7 Hannergrond, gefollegt vun enger ënneschter Leescht mat Copyright-Informatiounen, Sprooch-/Währungsoptiounen a Social-Media-Symboler. D'Navigatioun ass eng fix iewescht Leescht mat zentréierter Tab-Navigatioun a riets ausgeriichte Kontrollen.
D'Fotografie dominéiert de visuelle System, mat Vollbild-Biller vun Immobilienannoncen als primären Inhaltstyp. All Fotoe si waarm, gutt beliicht Opname vun Interieuren an Exterieuren vu richtegen Haiser an Hotellen, veraarbecht mat natierlecher Faarfkorrektur (ouni schwéier Filteren oder Duotéin). D'Biller sinn enk mat engem Aspektverhältnis vun 1:1 fir Annoncekaarten ausgeschnidden, wouduerch de Rand vun der Kaart ouni Ausbléien ausgefëllt gëtt. Ikonen am ganze Benotzerinterface hunn eng monochrom Kontur (Linnegewiicht ~16-16), déi spuersam fir Navigatiounskategorien an UI-Kontrollen benotzt ginn. De Logo ass dat eenzegt méifaarwegt grafescht Element (Rausch). Keng Illustratiounen, keng 3D-Renderungen, keng abstrakt Grafiken - déi visuell Sprooch ass reng Fotografie a minimalistesch monochrom Ikonographie op enger mëller wäisser Leinwand.
Palette
Mark
- Rausch
#ff385c— Rout gëtt als dekorativen Akzent fir Ikonen, Schëlter a kleng grafesch Detailer benotzt. Et sollt net als Haaptfaarf fir Handlungsruff benotzt ginn. - Rausch 600
#e00b41— Eng gepresst an donkel Versioun vu Rausch-Faarf fir Uewerflächen, déi als Markenakzenter op Schweef-/aktiven Uewerflächen benotzt ginn.
Neutral
- Hof
#222222— Den Haapttext, d'Iwwerschrëften, d'Konturen vun den Ikonen an den ëmgedréinten Hannergrond sinn eng neutral Faarf, déi bal schwaarz ass, a baséiert op dem ganze achromatesche System. - Foggy
#6a6a6a— Sekundärtext, gedämpft Ënnerschrëften, Hëllefstext, deaktivéiert Ikonenfëllung an diskret Metadaten ënner de Kaartentitelen. - Grey 500
#c1c1c1— Deaktivéierten Text, Plazhaltertext an Inputfelder a gedämpft Ikonkonturen, wou d'Betonung vum Status néideg ass. - Bebe
#ebebeb— Dënn Grenzen, ënnerstrachen Inputfelder, Trennzellen tëscht Lëschtzeilen a subtil Trennlinnen. - Deco
#dddddd— Hannergrondbiller vun der Kaart fir inaktiv Container, Plazhalter an deaktivéiert Kaartezoustänn. - Faint
#f7f7f7— Den Hannergrondbild vun der Säitenleinwand, d'Fousszeilfläch an den Hover-Status fir interaktiv Elementer hunn eng mëll, cremeg Faarf, déi dës Säit vun de reng wäisse Kaarten ënnerscheet.
Typographie
vun 11 bis 28px · 5 Schrëtt
- Airbnb Cereal VF — Ersatz: Circular · Konturen 400, 500, 600, 700 · Eng personaliséiert geometresch Sans-Serif-Schrëft, déi fir Airbnb entworf gouf. Den Haapttext ass op 14px/400 positionéiert, d'UI-Etiketten op 16px/500, d'Sektiounsüberschrëften op 20px/600, 22px/500 mat engem knappen Buschtawenofstand vun -0,02em an d'Säitenüberschrëften op 28px/700. Den negativen Buschtawenofstand hëlt mat zouhuelender Gréisst of, eng Charakteristik vu geometresche Sans-Serif-Schrëften op gréissere Bildschirmgréissten. Aktivéiert d'Alternativ-Glyph-Funktioun "Salt".
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 12px |
| Knäppchenradius | 9999px |
| Kaarteradius | 12px |
| Schied | mëll Schied |
| Tëscht de Sektiounen | 48px |
| Säitebreet | 1440px |
KI baut Är Websäit am Stil vun Airbnb op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Apple (España) — wäiss Galerievitrin
- Silencio — E wäisst Zëmmer mat schwiewenden Artefakten. Eng Galerieausstellung aus waarmem Pabeier, wou all Element seng Plaz virun engem Hannergrond vu negativem Volumen anhëlt, an d'Rou eng bewosst Designentscheedung ass.
- Oakâme — E sonneverschwonnent provençalescht Atelier aus waarme Steen geschnëtzt
- Nike — Eng monochrom Galerie vu sportleche Leeschtungen – wäiss Maueren, d'Produkt als Konschtwierk, Chrom am Hannergrond opgeléist
- Arc — industriell wäiss Galerie iwwer Mëtternuechtswaasser
- Rivian — En elektresche Monolith op der Betonmauer vun der Galerie. De Rivian presentéiert all Gefier als Skulptur virun engem risege wäisse Raum, mat enger Typographie déi sou grouss ass, datt se zu engem architektoneschen Element gëtt, an engem eenzege waarme Giel, dat déi monochromatesch Atmosphär brécht, wéi Sonneliicht op enger matter Uewerfläch.
- Analogue — Schwaarz Galerievitrin – Wueren schwiewen an der Eidelkeet
- ddna — waarm Musée-Vitrine op onbehandeltem Léngen
- Zellerfeld — E Sculpteur-Atelier op wäissem Marmer - déi monolithesch Uewerfläche vum Sockel, e Funken Kobalt, e Geflüster vu klenge Buschtawen vum Buedem bis bei d'Plafong
- UY Studio — D'Steengalerie vum Klouschter ass e rouege Raum mat Betonmauere, wou Parfumfläsche op wäisse Sockel stinn, beliicht vun enger 400-Watt-Luucht a véier waarmgro Glühbirnen.
- Basic.Space — Kuratorialgalerie op wäissem Marmer
- COS — eng trendy Galerie mat wäisse Maueren