Airbnb
Dinding galeri putih yang tenang dengan penanda buku merah karang tunggal
Airbnb beroperasi dalam gaya "kanvas putih", di mana fotografi mendominasi: hampir setiap skrin merupakan bingkai monokrom yang senyap, membolehkan imej skrin penuh hartanah menyampaikan gambaran keseluruhan, dengan satu aksen merah karang yang kaya (Rausch) sebagai satu-satunya petunjuk warna yang menunjukkan tindakan. Rupa taipnya ialah sans-serif geometri (Airbnb Cereal VF)—kebanyakannya bersaiz kecil dan yakin—untuk teks isi, antara muka dan tajuk bahagian (22-22)—dengan jarak baris negatif yang ketat dan jarak baris yang luas, menjadikan kad dengan teks padat boleh dibaca. Antara mukanya rata, tanpa bingkai dan bulat: 12-3 jejari pada kad dan kawalan, butang bulat berbentuk pil dan bayang-bayang lembut berlapis hanya untuk elemen yang menonjol seperti bar carian. Semua yang lain—kad, item senarai, pautan—bergantung pada ruang putih dan garis halus dan bukannya aksen krom.
Susun atur lebar penuh tanpa had lebar maksimum yang tetap—kandungan terbentang dari tepi ke tepi dalam kawasan yang boleh dilihat, dengan kira-kira 40 piksel pelapik mendatar pada setiap sisi pada desktop. Wira ialah kapsul carian terapung, berpusat pada kanvas putih neutral tanpa imej atau tajuk—bar carian ADALAH wira. Di bawah carian, halaman beralih kepada bahagian menatal mendatar yang disusun secara menegak (empat baris kelihatan: Rumah Pilihan, Hotel Hebat, Bandar Lain, Tersedia Bulan Depan), setiap satu setinggi kira-kira 320 piksel, dipisahkan oleh talang menegak 48 piksel. Setiap bahagian menggunakan grid 7 kad dengan limpahan mendatar dan navigasi anak panah. Pengaki ialah grid pautan 3 lajur pada latar belakang #f7f7f7, diikuti oleh bar bawah dengan maklumat hak cipta, pilihan bahasa/mata wang dan ikon media sosial. Navigasi ialah bar atas tetap dengan navigasi tab berpusat dan kawalan sejajar kanan.
Fotografi mendominasi sistem visual, dengan imej skrin penuh penyenaraian hartanah berfungsi sebagai jenis kandungan utama. Semua foto adalah gambar dalaman dan luaran rumah dan hotel sebenar yang hangat dan terang, diproses dengan pembetulan warna semula jadi (tanpa penapis berat atau duoton). Imej dipangkas ketat dengan nisbah aspek 1:1 untuk kad penyenaraian, memenuhi tepi kad tanpa bleed. Ikon di seluruh antara muka mempunyai garis luar monokrom (berat garis ~16–16), digunakan dengan berhati-hati untuk kategori navigasi dan kawalan UI. Logo adalah satu-satunya elemen grafik berbilang warna (Rausch). Tiada ilustrasi, tiada pemaparan 3D, tiada grafik abstrak—bahasa visualnya adalah fotografi tulen dan ikonografi monokrom minimalis pada kanvas putih lembut.
Palet
Jenama
- Rausch
#ff385c— Merah digunakan sebagai aksen hiasan untuk ikon, papan tanda dan butiran grafik kecil. Ia tidak boleh digunakan sebagai warna utama untuk seruan bertindak. - Rausch 600
#e00b41— Versi cat Rausch yang ditekan dan gelap untuk permukaan yang digunakan sebagai aksen jenama pada permukaan hover/aktif.
Neutral
- Hof
#222222— Salinan badan, teks utama, tajuk, garis besar ikon dan latar belakang terbalik adalah warna neutral yang hampir dengan hitam, yang berfungsi sebagai asas untuk keseluruhan sistem akromatik. - Foggy
#6a6a6a— Teks sekunder, kapsyen disenyapkan, teks tambahan, isian ikon yang dinyahdayakan dan metadata diskret di bawah tajuk kad. - Grey 500
#c1c1c1— Teks dinyahdayakan, teks ruang letak dalam medan input dan ikon yang disenyapkan menggariskan di mana status tidak perlu diketepikan. - Bebe
#ebebeb— Sempadan nipis, medan input yang bergaris bawah, pemisah antara baris senarai dan garis pemisah halus. - Deco
#dddddd— Imej latar belakang kad untuk bekas tidak aktif, ruang letak dan keadaan kad yang dinyahdayakan. - Faint
#f7f7f7— Imej latar belakang kanvas halaman, permukaan pengaki dan keadaan hover untuk elemen interaktif ialah warna lembut dan berkrim yang membezakan halaman ini daripada kad putih tulen.
Tipografi
dari 11 hingga 28px · 5 langkah
- Airbnb Cereal VF — penggantian: Circular · garis besar 400, 500, 600, 700 · Fon sans-serif geometri tersuai yang direka untuk Airbnb. Teks isi diletakkan pada 14px/400, label UI pada 16px/500, tajuk bahagian pada 20px/600, 22px/500 dengan jarak huruf yang ketat iaitu -0.02em dan tajuk halaman pada 28px/700. Jarak huruf negatif berkurangan dengan peningkatan saiz, satu ciri fon sans-serif geometri pada saiz skrin yang lebih besar. Mendayakan ciri glif alternatif "garam".
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 12px |
| Jejari butang | 9999px |
| Jejari kad | 12px |
| Bayang-bayang | bayang-bayang lembut |
| Antara bahagian | 48px |
| Lebar halaman | 1440px |
AI akan membina laman web anda dalam gaya Airbnb dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Apple (España) — kotak paparan galeri putih
- Silencio — Sebuah bilik putih dengan artifak terapung. Paparan galeri yang diperbuat daripada kertas suam, di mana setiap elemen menempati tempatnya dengan latar belakang isipadu negatif, dan kesunyian adalah keputusan reka bentuk yang disengajakan.
- Oakâme — Bengkel Provençal yang disinari matahari yang diukir daripada batu suam
- Nike — Galeri monokrom pencapaian sukan – dinding putih, produk sebagai karya seni, krom dilarutkan ke latar belakang
- Arc — galeri putih perindustrian di atas air tengah malam
- Rivian — Sebuah monolit elektrik di dinding konkrit galeri. Rivian mempersembahkan setiap kenderaan sebagai arca di hadapan ruang putih yang luas, dengan tipografi yang begitu besar sehingga menjadi elemen seni bina, dan satu warna kuning hangat yang memecahkan atmosfera monokromatik, seperti cahaya matahari di permukaan matte.
- Analogue — Kotak pameran galeri hitam – barang-barang berlegar di tempat kosong
- ddna — kotak paparan muzium yang hangat pada linen yang tidak dirawat
- Zellerfeld — Bengkel pengukir marmar putih—permukaan monolitik alas, percikan kobalt tunggal, bisikan huruf kecil dari lantai ke siling
- UY Studio — Galeri batu biara ini merupakan ruang yang tenang dengan dinding konkrit, di mana botol minyak wangi berdiri di atas alas putih, diterangi oleh satu lampu 400 watt dan empat mentol kelabu hangat.
- Basic.Space — galeri kuratorial di atas marmar putih
- COS — galeri bergaya dengan dinding putih