Airbnb
Dinding galeri putih yang tenang dengan satu pembatas buku berwarna merah koral.
Airbnb beroperasi dengan gaya "kanvas putih", di mana fotografi menjadi elemen utama: hampir setiap layar adalah bingkai monokrom yang tenang, memungkinkan gambar properti layar penuh untuk menyampaikan kesan keseluruhan, dengan aksen merah koral yang kaya (Rausch) sebagai satu-satunya isyarat warna yang menunjukkan aksi. Jenis hurufnya adalah sans-serif geometris (Airbnb Cereal VF)—sebagian besar berukuran kecil dan tegas—untuk teks isi, antarmuka, dan judul bagian (22-22)—dengan spasi baris negatif yang rapat dan spasi baris yang lebar, membuat kartu dengan teks padat mudah dibaca. Antarmuka datar, tanpa bingkai, dan membulat: radius 12-3 pada kartu dan kontrol, tombol berbentuk pil bulat, dan bayangan berlapis lembut hanya untuk elemen penting seperti bilah pencarian. Segala sesuatu yang lain—kartu, item daftar, tautan—mengandalkan ruang putih dan garis halus daripada aksen krom.
Tata letak lebar penuh tanpa batas lebar maksimum tetap—konten membentang dari tepi ke tepi dalam area yang dapat dilihat, dengan sekitar 40px padding horizontal di setiap sisi pada desktop. Bagian utama adalah kapsul pencarian mengambang, berpusat pada kanvas putih netral tanpa gambar atau judul—bilah pencarian ADALAH bagian utama. Di bawah pencarian, halaman bertransisi ke bagian-bagian yang ditumpuk secara vertikal dan dapat digulir secara horizontal (empat baris terlihat: Rumah Unggulan, Hotel Terbaik, Kota Lain, Tersedia Bulan Depan), masing-masing setinggi sekitar 320px, dipisahkan oleh jarak vertikal 48px. Setiap bagian menggunakan grid 7 kartu dengan overflow horizontal dan navigasi panah. Footer adalah grid 3 kolom tautan pada latar belakang #f7f7f7, diikuti oleh bilah bawah dengan informasi hak cipta, pilihan bahasa/mata uang, dan ikon media sosial. Navigasi adalah bilah atas tetap dengan navigasi tab yang berpusat dan kontrol yang sejajar kanan.
Fotografi mendominasi sistem visual, dengan gambar layar penuh dari daftar properti real estat sebagai jenis konten utama. Semua foto adalah foto interior dan eksterior rumah dan hotel nyata yang hangat dan terang, diproses dengan koreksi warna alami (tanpa filter berat atau duotone). Gambar dipangkas rapat dengan rasio aspek 1:1 untuk kartu daftar, mengisi tepi kartu tanpa bleed. Ikon di seluruh antarmuka memiliki garis luar monokrom (ketebalan garis ~16–16), digunakan secara hemat untuk kategori navigasi dan kontrol UI. Logo adalah satu-satunya elemen grafis multiwarna (Rausch). Tidak ada ilustrasi, tidak ada render 3D, tidak ada grafik abstrak—bahasa visualnya murni fotografi dan ikonografi monokrom minimalis pada kanvas putih lembut.
Palet
Merek
- Rausch
#ff385c— Warna merah digunakan sebagai aksen dekoratif untuk ikon, tanda, dan detail grafis kecil. Warna ini tidak boleh digunakan sebagai warna utama untuk ajakan bertindak (call to action). - Rausch 600
#e00b41— Cat Rausch versi padat dan gelap untuk permukaan yang digunakan sebagai aksen merek pada permukaan yang melayang/aktif.
Netral
- Hof
#222222— Teks isi, teks utama, judul, garis luar ikon, dan latar belakang terbalik memiliki warna netral yang mendekati hitam, yang berfungsi sebagai dasar untuk keseluruhan sistem akromatik. - Foggy
#6a6a6a— Teks sekunder, keterangan yang diredam, teks tambahan, pengisian ikon yang dinonaktifkan, dan metadata yang tersembunyi di bawah judul kartu. - Grey 500
#c1c1c1— Teks dinonaktifkan, teks placeholder di kolom input, dan garis luar ikon yang diredam di tempat yang membutuhkan penekanan status yang lebih rendah. - Bebe
#ebebeb— Garis tepi tipis, kolom input yang digarisbawahi, pemisah antar baris daftar, dan garis pemisah yang halus. - Deco
#dddddd— Gambar latar belakang kartu untuk kontainer yang tidak aktif, tempat penampung, dan status kartu yang dinonaktifkan. - Faint
#f7f7f7— Gambar latar belakang kanvas halaman, permukaan footer, dan status hover untuk elemen interaktif memiliki warna lembut dan krem yang membedakan halaman ini dari kartu-kartu berwarna putih polos.
Tipografi
dari 11 hingga 28px · 5 langkah
- Airbnb Cereal VF — penggantian: Circular · garis besar 400, 500, 600, 700 · Font sans-serif geometris kustom yang dirancang untuk Airbnb. Teks isi diposisikan pada 14px/400, label UI pada 16px/500, judul bagian pada 20px/600, 22px/500 dengan spasi antar huruf yang rapat sebesar -0,02em, dan judul halaman pada 28px/700. Spasi antar huruf negatif berkurang seiring bertambahnya ukuran, karakteristik font sans-serif geometris pada ukuran layar yang lebih besar. Mengaktifkan fitur glif alternatif "salt".
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 12px |
| Radius tombol | 9999px |
| Radius kartu | 12px |
| Bayangan | bayangan lembut |
| Di antara bagian-bagiannya | 48px |
| Lebar halaman | 1440px |
AI akan membangun situs web Anda dengan gaya Airbnb dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- Apple (España) — etalase galeri putih
- Silencio — Sebuah ruangan putih dengan artefak yang melayang. Sebuah pajangan galeri yang terbuat dari kertas hangat, di mana setiap elemen menempati tempatnya dengan latar belakang volume negatif, dan keheningan adalah keputusan desain yang disengaja.
- Oakâme — Sebuah bengkel bergaya Provence yang bermandikan sinar matahari, diukir dari batu hangat.
- Nike — Galeri monokrom prestasi olahraga – dinding putih, produk sebagai karya seni, krom yang menyatu dengan latar belakang.
- Arc — galeri putih industri di atas air tengah malam
- Rivian — Sebuah monolit listrik di dinding beton galeri. Rivian menampilkan setiap kendaraan sebagai sebuah patung di atas ruang putih yang luas, dengan tipografi yang begitu besar sehingga menjadi elemen arsitektur, dan satu warna kuning hangat yang memecah suasana monokromatik, seperti sinar matahari di permukaan yang buram.
- Analogue — Lemari pajangan galeri hitam – barang-barang melayang di kehampaan.
- ddna — lemari pajangan museum yang hangat di atas linen yang tidak diolah
- Zellerfeld — Bengkel pematung di atas marmer putih—permukaan monolitik alasnya, percikan kobalt tunggal, bisikan huruf kecil dari lantai hingga langit-langit.
- UY Studio — Galeri batu biara ini adalah ruang yang tenang dengan dinding beton, tempat botol-botol parfum berdiri di atas alas putih, diterangi oleh satu lampu 400 watt dan empat bola lampu abu-abu hangat.
- Basic.Space — galeri kuratorial di atas marmer putih
- COS — galeri trendi dengan dinding putih