Airbnb
Tək mərcan qırmızı əlfəcinli sakit ağ qalereya divarı
Airbnb, fotoqrafiyanın üstün olduğu "ağ kətan" üslubunda fəaliyyət göstərir: demək olar ki, hər ekran sakit monoxrom çərçivədir və bu da xüsusiyyətlərin tam ekran görüntülərinin ümumi təəssüratı çatdırmasına imkan verir, yeganə rəng işarəsi hərəkəti bildirən tək, zəngin mərcan-qırmızı vurğu (Rausch) ilə. Şrift həndəsi sans-serifdir (Airbnb Cereal VF) - əsasən kiçik, inamlı ölçülər - əsas mətn, interfeys və bölmə başlıqları (22-22) üçün - sıx mənfi sətir aralığı və geniş sətir aralığı ilə sıx mətnli kartları oxunaqlı edir. İnterfeys düz, çərçivəsiz və yuvarlaqdır: kartlarda və idarəetmə elementlərində 12-3 radius, dairəvi həb formalı düymələr və yalnız axtarış çubuğu kimi görkəmli elementlər üçün yumşaq, qatlı kölgələr. Qalan hər şey - kartlar, siyahı elementləri, keçidlər - xrom vurğularından daha çox ağ boşluğa və incə xətlərə əsaslanır.
Sabit maksimum en limiti olmayan tam enli düzülüş — məzmun görünən sahə daxilində kənarlardan kənarlara uzanır, masaüstündə hər tərəfdə təxminən 40 piksel üfüqi boşluq var. Qəhrəman, şəkil və ya başlıq olmayan neytral ağ kətan üzərində mərkəzləşdirilmiş üzən axtarış kapsuludur — axtarış çubuğu qəhrəmandır. Axtarışın altında səhifə şaquli şəkildə yığılmış, üfüqi şəkildə sürüşdürülən bölmələrə keçir (dörd sətir görünür: Seçilmiş Evlər, Əla Otellər, Digər Şəhər, Gələn Ay Mövcuddur), hər biri təxminən 320 piksel hündürlükdə, 48 piksel şaquli novlarla ayrılmışdır. Hər bölmə üfüqi daşma və ox naviqasiyası olan 7 kartlı şəbəkədən istifadə edir. Altbilgi, #f7f7f7 fonunda 3 sütunlu keçid şəbəkəsidir, ardınca müəllif hüquqları məlumatları, dil/valyuta seçimləri və sosial media nişanları olan alt panel gəlir. Naviqasiya, mərkəzləşdirilmiş sekme naviqasiyası və sağa doğru düzülmüş idarəetmə elementləri olan sabit üst paneldir.
Fotoqrafiya vizual sistemdə dominantlıq təşkil edir və daşınmaz əmlak siyahılarının tam ekran şəkilləri əsas məzmun növü kimi xidmət edir. Bütün şəkillər təbii rəng korreksiyası ilə (ağır filtrlər və ya duotonlar olmadan) işlənmiş real evlərin və otellərin isti, yaxşı işıqlandırılmış daxili və xarici görüntüləridir. Şəkillər siyahı kartları üçün 1:1 aspekt nisbəti ilə sıx şəkildə kəsilir və kartın kənarını boşluqlar olmadan doldurur. İnterfeysdəki nişanlar monoxrom kontura malikdir (xətt qalınlığı ~16–16), naviqasiya kateqoriyaları və UI idarəetmələri üçün az istifadə olunur. Loqo yeganə çoxrəngli qrafik elementdir (Rausch). İllüstrasiyalar, 3D renderlər, mücərrəd qrafika yoxdur - vizual dil təmiz fotoqrafiya və yumşaq ağ kətan üzərində minimalist monoxrom ikonoqrafiyadır.
Palitra
Brend
- Rausch
#ff385c— Qırmızı rəng ikonlar, işarələr və kiçik qrafik detallar üçün dekorativ vurğu kimi istifadə olunur. Hərəkətə çağırışlar üçün əsas rəng kimi istifadə edilməməlidir. - Rausch 600
#e00b41— Aktiv səthlərdə brend vurğusu kimi istifadə edilən səthlər üçün Rausch boyasının preslənmiş və tünd rəngli versiyası.
Neytral
- Hof
#222222— Əsas mətn, əsas mətn, başlıqlar, işarə konturları və tərs çevrilmiş fon bütün axromatik sistemin əsasını təşkil edən qara rəngə yaxın neytral rəngdir. - Foggy
#6a6a6a— İkinci dərəcəli mətn, səssizləşdirilmiş başlıqlar, köməkçi mətn, deaktiv edilmiş işarə doldurma və kart başlıqlarının altında gizli metaməlumatlar. - Grey 500
#c1c1c1— Deaktiv edilmiş mətn, giriş sahələrindəki yer tutucu mətn və səssizləşdirilmiş işarə statusun vurğusunun azaldılmasının lazım olduğu yerləri göstərir. - Bebe
#ebebeb— Nazik sərhədlər, giriş sahələrində alt xətlər, siyahı sətirləri arasındakı ayırıcılar və incə ayırıcı xətlər. - Deco
#dddddd— Qeyri-aktiv konteynerlər, yer tutucular və deaktiv kart vəziyyətləri üçün kart fon şəkilləri. - Faint
#f7f7f7— Səhifə kətanının arxa fon şəkli, altbilgi səthi və interaktiv elementlər üçün siçanın yuxarı qaldırılma vəziyyəti bu səhifəni təmiz ağ kartlardan fərqləndirən yumşaq, krem rəngli bir rəngdir.
Tipoqrafiya
11-dən 28 pikselə qədər · 5 addım
- Airbnb Cereal VF — əvəzetmə: Circular · konturlar 400, 500, 600, 700 · Airbnb üçün hazırlanmış xüsusi həndəsi sans-serif şrift. Əsas mətn 14px/400, UI etiketləri 16px/500, bölmə başlıqları 20px/600, 22px/500, hərflər arasındakı məsafə -0.02em, səhifə başlıqları isə 28px/700 olaraq yerləşdirilib. Mənfi hərflər arasındakı məsafə ölçü artdıqca azalır ki, bu da daha böyük ekran ölçülərində həndəsi sans-serif şriftlərinin xarakteristikasıdır. "Duz" alternativ qlif xüsusiyyətini aktivləşdirir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 12px |
| Düymə radiusu | 9999px |
| Kart radiusu | 12px |
| Kölgələr | yumşaq kölgələr |
| Bölmələr arasında | 48px |
| Səhifə eni | 1440px |
Süni intellekt veb saytınızı Airbnb üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Apple (España) — ağ qalereya vitrin qutusu
- Silencio — Üzən artefaktlarla dolu ağ otaq. Hər bir elementin mənfi həcm fonunda öz yerini tutduğu isti kağızdan hazırlanmış qalereya sərgisi və sükut qəsdən hazırlanmış dizayn qərarıdır.
- Oakâme — İsti daşdan yonulmuş günəş işığına bürünmüş Provans emalatxanası
- Nike — İdman nailiyyətlərinin monoxrom qalereyası - ağ divarlar, sənət əsəri kimi məhsul, arxa planda həll olmuş xrom
- Arc — Gecəyarısı suyunun üzərində sənaye ağ qalereyası
- Rivian — Qalereyanın beton divarında elektrik monolit. Rivian hər bir nəqliyyat vasitəsini geniş ağ məkana qarşı heykəl kimi təqdim edir, tipoqrafiya o qədər böyükdür ki, memarlıq elementinə çevrilir və monoxromatik atmosferi pozan tək bir isti sarı rəng, mat səthdə günəş işığı kimi.
- Analogue — Qara qalereya vitrin qutusu – mallar boşluqda gəzir
- ddna — işlənməmiş kətan üzərində isti muzey vitrinası
- Zellerfeld — Ağ mərmər üzərində heykəltəraşın emalatxanası — postamentin monolit səthləri, tək bir kobalt qığılcımı, döşəmədən tavana qədər kiçik hərflərin pıçıltısı
- UY Studio — Monastırın daş qalereyası, beton divarları olan sakit bir məkandır. Burada ətir şüşələri ağ plintlərdə dayanır və bir 400 vattlıq lampa və dörd isti boz lampa ilə işıqlandırılır.
- Basic.Space — ağ mərmər üzərində kurator qalereyası
- COS — ağ divarları olan dəbli qalereya