
Airbnb
Tek bir mercan kırmızısı kitap ayracıyla süslenmiş, sakin beyaz bir galeri duvarı.
Airbnb, fotoğrafçılığın en önemli unsur olduğu "beyaz tuval" tarzında çalışıyor: neredeyse her ekran, mülklerin tam ekran görüntülerinin genel izlenimi iletmesini sağlayan sessiz, tek renkli bir çerçeve; tek renk ipucu olarak da zengin bir mercan kırmızısı (Rausch) vurgu kullanılıyor. Yazı tipi, gövde metni, arayüz ve bölüm başlıkları (22-22) için çoğunlukla küçük, kendinden emin boyutlarda geometrik bir sans-serif (Airbnb Cereal VF) olup, sıkı negatif satır aralığı ve geniş satır aralığı ile yoğun metin içeren kartların okunabilirliğini sağlıyor. Arayüz düz, çerçevesiz ve yuvarlak: kartlarda ve kontrollerde 12-3 yarıçap, yuvarlak hap şeklinde düğmeler ve yalnızca arama çubuğu gibi belirgin öğeler için yumuşak, katmanlı gölgeler kullanılıyor. Geri kalan her şey (kartlar, liste öğeleri, bağlantılar) krom vurgular yerine beyaz boşluk ve ince çizgilere dayanıyor.
Tam genişlikte, sabit bir maksimum genişlik sınırı olmayan bir düzen; içerik, görüntülenebilir alan içinde kenardan kenara uzanır ve masaüstünde her iki tarafta yaklaşık 40 piksel yatay boşluk bulunur. Ana öğe, nötr beyaz bir tuval üzerine ortalanmış, resim veya başlık içermeyen yüzer bir arama kapsülüdür; arama çubuğu ana öğenin kendisidir. Arama çubuğunun altında, sayfa dikey olarak üst üste dizilmiş, yatay olarak kaydırılan bölümlere (dört satır görünür: Öne Çıkan Evler, Harika Oteller, Diğer Şehir, Gelecek Ay Müsait) geçiş yapar; her biri yaklaşık 320 piksel yüksekliğinde ve 48 piksel dikey boşluklarla ayrılmıştır. Her bölüm, yatay taşma ve ok navigasyonu ile 7 kartlı bir ızgara kullanır. Altbilgi, #f7f7f7 arka plan üzerinde 3 sütunlu bir bağlantı ızgarasıdır, ardından telif hakkı bilgileri, dil/para birimi seçenekleri ve sosyal medya simgeleri içeren bir alt çubuk gelir. Navigasyon, ortalanmış sekme navigasyonu ve sağa hizalanmış kontroller içeren sabit bir üst çubuktur.
Görsel sistemde fotoğrafçılık baskın rol oynuyor; emlak ilanlarının tam ekran görüntüleri birincil içerik türü olarak kullanılıyor. Tüm fotoğraflar, gerçek evlerin ve otellerin sıcak, iyi aydınlatılmış iç ve dış mekan çekimleri olup, doğal renk düzeltmesiyle (ağır filtreler veya duotonlar olmadan) işlenmiştir. İlan kartları için görüntüler 1:1 en boy oranında sıkıca kırpılmış olup, kartın kenarını taşma olmadan doldurmaktadır. Arayüzdeki simgeler tek renkli bir çerçeveye (çizgi kalınlığı ~16–16) sahiptir ve gezinme kategorileri ve kullanıcı arayüzü kontrolleri için seyrek olarak kullanılmıştır. Logo, tek çok renkli grafik öğedir (Rausch). Hiçbir illüstrasyon, 3D render veya soyut grafik yok; görsel dil, yumuşak beyaz bir zemin üzerinde saf fotoğrafçılık ve minimalist tek renkli ikonografiden oluşuyor.
Palet
Marka
- Rausch
#ff385c— Kırmızı, simgeler, işaretler ve küçük grafik detaylar için dekoratif bir vurgu rengi olarak kullanılır. Eyleme geçme çağrıları için ana renk olarak kullanılmamalıdır. - Rausch 600
#e00b41— Hover/aktif yüzeylerde marka vurgusu olarak kullanılan yüzeyler için Rausch boyasının preslenmiş ve koyu renkli bir versiyonu.
Doğal
- Hof
#222222— Gövde metni, ana metin, başlıklar, simge çerçeveleri ve ters çevrilmiş arka plan, siyaha yakın nötr bir renktedir ve bu renk, tüm akromatik sistemin temelini oluşturur. - Foggy
#6a6a6a— İkincil metin, soluk altyazılar, yardımcı metin, devre dışı bırakılmış simge dolgusu ve kart başlıklarının altında yer alan gizli meta veriler. - Grey 500
#c1c1c1— Durumun vurgulanmasının azaltılması gereken yerlerde devre dışı bırakılmış metin, giriş alanlarındaki yer tutucu metin ve soluklaştırılmış simge çerçeveleri. - Bebe
#ebebeb— İnce kenarlıklar, altı çizili giriş alanları, liste satırları arasındaki ayırıcılar ve zarif bölme çizgileri. - Deco
#dddddd— Etkin olmayan konteynerler, yer tutucular ve devre dışı bırakılmış kart durumları için kart arka plan resimleri. - Faint
#f7f7f7— Sayfa tuvalinin arka plan görüntüsü, altbilgi yüzeyi ve etkileşimli öğeler için fareyle üzerine gelindiğinde değişen durum, bu sayfayı bembeyaz kartlardan ayıran yumuşak, kremsi bir tondadır.
Tipografi
11 ila 28 piksel arası · 5 adım
- Airbnb Cereal VF — yenisiyle değiştirme: Circular · ana hatlar 400, 500, 600, 700 · Airbnb için özel olarak tasarlanmış geometrik sans-serif bir yazı tipi. Gövde metni 14px/400, kullanıcı arayüzü etiketleri 16px/500, bölüm başlıkları 20px/600, 22px/500 (-0.02em'lik dar harf aralığıyla) ve sayfa başlıkları 28px/700 boyutlarında konumlandırılmıştır. Negatif harf aralığı, boyut arttıkça azalır; bu, geometrik sans-serif yazı tiplerinin daha büyük ekran boyutlarındaki bir özelliğidir. "Tuz" alternatif glif özelliğini etkinleştirir.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 12px |
| Düğme yarıçapı | 9999px |
| Kart yarıçapı | 12px |
| Gölgeler | yumuşak gölgeler |
| Bölümler arasında | 48px |
| Sayfa genişliği | 1440px |
Yapay zeka, web sitenizi Airbnb tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- Apple (España) — beyaz galeri vitrini
- Silencio — Havada süzülen objelerle dolu beyaz bir oda. Her bir unsurun negatif hacimli bir arka plana karşı yerini aldığı, sıcak kağıttan yapılmış bir galeri sergisi ve sessizlik, kasıtlı bir tasarım kararı.
- Oakâme — Güneşin bolca vurduğu, sıcak taştan oyulmuş bir Provence atölyesi.
- Nike — Spor başarılarının tek renkli bir galerisi – beyaz duvarlar, sanat eseri gibi sergilenen ürün, arka plana karışmış krom detaylar.
- Arc — gece yarısı suyunun üzerinde endüstriyel beyaz galeri
- Rivian — Galerinin beton duvarında elektrikli bir monolit. Rivian, her aracı geniş beyaz bir alana karşı bir heykel gibi sunuyor; tipografi o kadar büyük ki mimari bir unsur haline geliyor ve tek renkli atmosferi kıran, mat bir yüzey üzerindeki güneş ışığı gibi sıcak bir sarı renk kullanılıyor.
- Analogue — Siyah galeri vitrini – ürünler boşlukta asılı duruyor.
- ddna — İşlenmemiş keten kumaş üzerine sıcak müze vitrini
- Zellerfeld — Beyaz mermerden bir heykeltıraş atölyesi—kaidenin yekpare yüzeyleri, tek bir kobalt parıltısı, yerden tavana uzanan küçük harflerin fısıltısı.
- UY Studio — Manastırın taş galerisi, beton duvarlarla çevrili, sessiz bir mekân; burada parfüm şişeleri beyaz kaideler üzerinde duruyor ve 400 watt'lık bir lamba ile dört sıcak gri ampulle aydınlatılıyor.
- Basic.Space — Beyaz mermer üzerine kurulu küratörlük galerisi
- COS — beyaz duvarlı, modern bir galeri