Airbnb
Klusa balta galerijas siena ar vienu koraļļsarkanu grāmatzīmi
Airbnb darbojas "balta audekla" stilā, kur dominē fotogrāfija: gandrīz katrs ekrāns ir kluss vienkrāsains rāmis, kas ļauj pilnekrāna attēliem ar īpašumu radīt kopējo iespaidu, un viens, piesātināts koraļļu sarkans akcents (Rausch) ir vienīgā krāsu norāde, kas apzīmē darbību. Burtveidols ir ģeometrisks sans-serif (Airbnb Cereal VF) — pārsvarā mazi, pārliecināti izmēri — pamattekstam, saskarnei un sadaļu virsrakstiem (22-22) — ar stingru negatīvu rindu atstarpi un dāsnu rindu atstarpi, padarot kartītes ar blīvu tekstu lasāmas. Saskarne ir plakana, bez rāmja un noapaļota: 12-3 rādiusi kartītēm un vadības elementiem, apaļas tabletes formas pogas un maigas, slāņainas ēnas tikai tādiem redzamiem elementiem kā meklēšanas josla. Viss pārējais — kartītes, saraksta elementi, saites — balstās uz baltu atstarpi un smalkām līnijām, nevis hroma akcentiem.
Pilna platuma izkārtojums bez fiksēta maksimālā platuma ierobežojuma — saturs stiepjas no malas līdz malai redzamajā apgabalā ar aptuveni 40 pikseļu horizontālu atkāpi katrā pusē darbvirsmas versijā. Galvenais elements ir peldoša meklēšanas kapsula, kas centrēta uz neitrāli balta audekla bez attēla vai nosaukuma — meklēšanas josla IR galvenais elements. Zem meklēšanas lapas pāriet vertikāli sakrautās, horizontāli ritināmās sadaļās (redzamas četras rindas: Piedāvātie mājokļi, Lieliskas viesnīcas, Cita pilsēta, Pieejams nākamajā mēnesī), katra aptuveni 320 pikseļu augsta, atdalīta ar 48 pikseļu vertikālām iecirtnēm. Katrā sadaļā tiek izmantots 7 kāršu režģis ar horizontālu pārplūdi un bultiņu navigāciju. Kājene ir 3 kolonnu režģis ar saitēm uz fona #f7f7f7, kam seko apakšējā josla ar autortiesību informāciju, valodas/valūtas opcijām un sociālo mediju ikonām. Navigācija ir fiksēta augšējā josla ar centrētu cilnes navigāciju un pa labi izlīdzinātām vadīklām.
Vizuālajā sistēmā dominē fotogrāfija, un galvenais satura veids ir nekustamo īpašumu sludinājumu pilnekrāna attēli. Visi fotoattēli ir silti, labi apgaismoti īstu māju un viesnīcu iekštelpu un āra attēli, kas apstrādāti ar dabisku krāsu korekciju (bez spēcīgiem filtriem vai divtoņu toņiem). Attēli ir cieši apgriezti ar malu attiecību 1:1 sludinājumu kartītēm, aizpildot kartītes malu bez izvirzēm. Ikonām visā saskarnē ir vienkrāsains kontūrs (līnijas biezums ~16–16), kas tiek taupīgi izmantots navigācijas kategorijām un lietotāja interfeisa vadīklām. Logotips ir vienīgais daudzkrāsu grafiskais elements (Rausch). Nav ilustrāciju, nav 3D renderējumu, nav abstraktas grafikas — vizuālā valoda ir tīra fotogrāfija un minimālistiska vienkrāsaina ikonogrāfija uz maiga, balta audekla.
Palete
Zīmols
- Rausch
#ff385c— Sarkanā krāsa tiek izmantota kā dekoratīvs akcents ikonām, zīmēm un nelielām grafiskām detaļām. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību. - Rausch 600
#e00b41— Rausch krāsas presēta un tumša versija virsmām, ko izmanto kā zīmola akcentus uz gaisā esošām/aktīvajām virsmām.
Neitrāls
- Hof
#222222— Pamatteksts, galvenais teksts, virsraksti, ikonu kontūras un apgrieztais fons ir neitrālā krāsā, tuvu melnai, kas kalpo par pamatu visai ahromatiskajai sistēmai. - Foggy
#6a6a6a— Papildu teksts, izslēgti paraksti, palīgteksts, atspējota ikonu aizpildīšana un diskrēti metadati zem karšu nosaukumiem. - Grey 500
#c1c1c1— Atspējots teksts, aizvietotāja teksts ievades laukos un izslēgtas skaņas ikona iezīmē vietas, kur nepieciešams noņemt statusa uzsvaru. - Bebe
#ebebeb— Plānas apmales, pasvītrojumi ievades laukos, atdalītāji starp saraksta rindām un smalkas atdalīšanas līnijas. - Deco
#dddddd— Neaktīvo konteineru, vietturu un atspējotu karšu stāvokļu karšu fona attēli. - Faint
#f7f7f7— Lapas audekla fona attēls, kājenes virsma un interaktīvo elementu novietošanas stāvoklis ir maigā, krēmīgā tonī, kas atšķir šo lapu no tīri baltajām kartītēm.
Tipogrāfija
no 11 līdz 28 pikseļiem · 5 soļi
- Airbnb Cereal VF — nomaiņa: Circular · kontūras 400, 500, 600, 700 · Pielāgots ģeometrisks sans-serif fonts, kas izstrādāts Airbnb. Pamatteksta izmērs ir 14 pikseļi/400, lietotāja interfeisa apzīmējumi — 16 pikseļi/500, sadaļu virsraksti — 20 pikseļi/600, 22 pikseļi/500 ar stingru burtu atstarpi -0,02em un lapu virsraksti — 28 pikseļi/700. Negatīvā burtu atstarpe samazinās, palielinoties izmēram, kas ir raksturīgi ģeometriskiem sans-serif fontiem lielākos ekrāna izmēros. Iespējo alternatīvā glifa funkciju "salt".
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 12px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 12px |
| Ēnas | mīkstas ēnas |
| Starp sekcijām | 48px |
| Lapas platums | 1440px |
Mākslīgais intelekts izveidos jūsu vietni Airbnb stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Apple (España) — balta galerijas vitrīna
- Silencio — Balta istaba ar peldošiem artefaktiem. Galerijas ekspozīcija, kas veidota no silta papīra, kur katrs elements ieņem savu vietu uz negatīva apjoma fona, un klusums ir apzināts dizaina lēmums.
- Oakâme — Saules pielieta Provansas darbnīca, kas izgrebta no silta akmens
- Nike — Monohroma sporta sasniegumu galerija – baltas sienas, produkts kā mākslas darbs, hroms izšķīdis fonā
- Arc — industriāla balta galerija virs pusnakts ūdens
- Rivian — Elektrisks monolīts uz galerijas betona sienas. Rivians katru transportlīdzekli attēlo kā skulptūru uz plašas baltas telpas fona, ar tik lielu tipogrāfijas apjomu, ka tā kļūst par arhitektūras elementu, un vienu siltu dzeltenu krāsu, kas pārtrauc monohromatisko atmosfēru, līdzīgi kā saules gaisma uz matētas virsmas.
- Analogue — Melna galerijas vitrīna – preces lidinās tukšumā
- ddna — silta muzeja vitrīna uz neapstrādāta lina
- Zellerfeld — Tēlnieka darbnīca uz balta marmora — pjedestāla monolītās virsmas, viena kobalta dzirksts, mazo burtu čuksts no grīdas līdz griestiem
- UY Studio — Klostera akmens galerija ir klusa telpa ar betona sienām, kur uz baltiem postamentiem stāv smaržu pudeles, ko apgaismo viena 400 vatu lampa un četras silti pelēkas spuldzes.
- Basic.Space — kuratora galerija uz balta marmora
- COS — moderna galerija ar baltām sienām