Airbnb
Ukuta mweupe tulivu wa ghala lenye alama moja nyekundu ya matumbawe
Airbnb inafanya kazi kwa mtindo wa "turubai nyeupe", ambapo upigaji picha hutawala: karibu kila skrini ni fremu tulivu ya monochrome, ikiruhusu picha za skrini nzima za sifa kutoa taswira ya jumla, ikiwa na lafudhi moja tajiri ya nyekundu-matumbawe (Rausch) kama kiashiria pekee cha rangi kinachoashiria kitendo. Uandishi ni sans-serif ya kijiometri (Airbnb Cereal VF)—zaidi ndogo, zenye ujasiri—kwa maandishi ya mwili, kiolesura, na vichwa vya sehemu (22-22)—yenye nafasi nyembamba ya mistari hasi na nafasi kubwa ya mistari, na kufanya kadi zenye maandishi mazito kusomeka. Kiolesura ni tambarare, hakina fremu, na chenye mviringo: radii 12-3 kwenye kadi na vidhibiti, vifungo vya mviringo vyenye umbo la kidonge, na vivuli laini, vyenye tabaka pekee kwa vipengele vinavyoonekana kama upau wa utafutaji. Kila kitu kingine—kadi, vitu vya orodha, viungo—vinategemea nafasi nyeupe na mistari midogo badala ya lafudhi za chrome.
Mpangilio kamili wa upana usio na kikomo cha upana wa juu uliowekwa—maudhui yanaenea kutoka ukingo hadi ukingo ndani ya eneo linaloweza kuonekana, na takriban pikseli 40 za pedi mlalo kila upande kwenye eneo-kazi. Shujaa ni kifuko cha utafutaji kinachoelea, kilicho katikati ya turubai nyeupe isiyo na picha au kichwa—upau wa utafutaji NDIYE shujaa. Chini ya utafutaji, ukurasa hubadilika kuwa sehemu zilizopangwa wima, zinazosogea kwa usawa (safu nne zinaonekana: Nyumba Zilizoangaziwa, Hoteli Nzuri, Jiji Nyingine, Zinapatikana Mwezi Ujao), kila moja ikiwa na urefu wa takriban pikseli 320, ikitenganishwa na mifereji ya wima ya pikseli 48. Kila sehemu hutumia gridi ya kadi 7 yenye kufurika kwa usawa na urambazaji wa mshale. Kijachini ni gridi ya safu wima 3 ya viungo kwenye usuli wa #f7f7f7, ikifuatiwa na upau wa chini wenye taarifa za hakimiliki, chaguo za lugha/sarafu, na aikoni za mitandao ya kijamii. Urambazaji ni upau wa juu usiowekwa wenye urambazaji wa kichupo unaowekwa katikati na vidhibiti vilivyopangwa kulia.
Upigaji picha unatawala mfumo wa kuona, huku picha za skrini nzima za orodha za mali isiyohamishika zikitumika kama aina kuu ya maudhui. Picha zote ni picha za ndani na nje zenye joto, zenye mwanga mzuri wa nyumba na hoteli halisi, zilizosindikwa kwa urekebishaji wa rangi asilia (bila vichujio vizito au duotones). Picha zimekatwa kwa ukali kwa uwiano wa 1:1 kwa kadi za kuorodhesha, na kujaza ukingo wa kadi bila damu. Aikoni katika kiolesura chote zina muhtasari wa monochrome (uzito wa mstari ~16–16), zinazotumika kwa ufupi kwa kategoria za urambazaji na vidhibiti vya UI. Nembo ndiyo kipengele pekee cha picha chenye rangi nyingi (Rausch). Hakuna vielelezo, hakuna michoro ya 3D, hakuna michoro dhahania—lugha ya kuona ni upigaji picha safi na ikoni ndogo ya monochrome kwenye turubai nyeupe laini.
Paleti
Chapa
- Rausch
#ff385c— Nyekundu hutumika kama lafudhi ya mapambo kwa aikoni, ishara, na maelezo madogo ya picha. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua. - Rausch 600
#e00b41— Toleo jeusi na lililoshinikizwa la rangi ya Rausch kwa nyuso zinazotumika kama lafudhi ya chapa kwenye nyuso zinazoelea/zinazofanya kazi.
Isiyoegemea upande wowote
- Hof
#222222— Nakala ya mwili, maandishi kuu, vichwa vya habari, muhtasari wa aikoni, na mandharinyuma yaliyogeuzwa ni rangi isiyo na upande wowote karibu na nyeusi, ambayo hutumika kama msingi wa mfumo mzima wa achromatic. - Foggy
#6a6a6a— Maandishi ya pili, manukuu yaliyonyamazishwa, maandishi saidizi, ujazaji wa aikoni uliozimwa, na metadata iliyofichwa chini ya vichwa vya kadi. - Grey 500
#c1c1c1— Maandishi yamezimwa, maandishi ya kishika nafasi katika sehemu za kuingiza data, na mihtasari ya aikoni iliyozimwa ambapo msisitizo mdogo kwenye hali unahitajika. - Bebe
#ebebeb— Mipaka nyembamba, mistari ya chini kwenye sehemu za kuingiza data, vitenganishi kati ya mistari ya orodha, na mistari midogo ya kugawanya. - Deco
#dddddd— Picha za usuli wa kadi kwa vyombo visivyotumika, vishikilia nafasi, na hali za kadi zilizolemazwa. - Faint
#f7f7f7— Picha ya usuli ya turubai ya ukurasa, uso wa chini, na hali ya kuelea kwa vipengele shirikishi ni kivuli laini na laini kinachotofautisha ukurasa huu na kadi nyeupe safi.
Uchapaji
kutoka pikseli 11 hadi 28 · hatua 5
- Airbnb Cereal VF — mbadala: Circular · mihtasari 400, 500, 600, 700 · Fonti maalum ya kijiometri isiyo na serif iliyoundwa kwa ajili ya Airbnb. Maandishi ya mwili yamewekwa katika pikseli 14/400, lebo za UI katika pikseli 16/500, vichwa vya sehemu katika pikseli 20/600, pikseli 22/500 na nafasi finyu ya herufi ya -0.02em, na vichwa vya kurasa katika pikseli 28/700. Nafasi hasi ya herufi hupungua kadri ukubwa unavyoongezeka, sifa ya fonti za kijiometri isiyo na serif katika ukubwa mkubwa wa skrini. Huwasha kipengele mbadala cha glyph cha "chumvi".
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 12px |
| Kipenyo cha kitufe | 9999px |
| Redi ya kadi | 12px |
| Vivuli | vivuli laini |
| Kati ya sehemu | 48px |
| Upana wa ukurasa | 1440px |
AI itaunda tovuti yako kwa mtindo wa Airbnb na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Apple (España) — kisanduku cheupe cha kuonyesha ghala
- Silencio — Chumba cheupe chenye vitu vya kale vinavyoelea. Onyesho la ghala lililotengenezwa kwa karatasi ya joto, ambapo kila kipengele kinachukua nafasi yake dhidi ya mandhari ya ujazo hasi, na ukimya ni uamuzi wa kimakusudi wa usanifu.
- Oakâme — Warsha ya Provençal iliyochongwa kwa jiwe la joto iliyochongwa kwa jua
- Nike — Nyumba ya sanaa ya monochrome ya mafanikio ya michezo - kuta nyeupe, bidhaa kama kazi ya sanaa, chrome iliyoyeyushwa nyuma
- Arc — nyumba ya sanaa nyeupe ya viwandani juu ya maji ya usiku wa manane
- Rivian — Monolithi ya umeme kwenye ukuta wa zege wa jumba la sanaa. Rivian anaonyesha kila gari kama sanamu dhidi ya nafasi kubwa nyeupe, huku uchapaji mkubwa sana kiasi kwamba unakuwa kipengele cha usanifu, na njano moja ya joto inayovunja angahewa ya monokromu, kama mwanga wa jua kwenye uso usiong'aa.
- Analogue — Kisanduku cheusi cha kuonyesha ghala la picha - bidhaa zikielea kwenye utupu
- ddna — kisanduku cha maonyesho ya makumbusho chenye joto kwenye kitani kisichotibiwa
- Zellerfeld — Karakana ya mchongaji sanamu kwenye marumaru nyeupe—nyuso zenye rangi moja za msingi, cheche moja ya kobalti, mlio wa herufi ndogo kutoka sakafu hadi dari
- UY Studio — Nyumba ya sanaa ya mawe ya monasteri ni mahali tulivu penye kuta za zege, ambapo chupa za manukato husimama kwenye nguzo nyeupe, zikiwa zimeangaziwa na taa moja ya wati 400 na balbu nne za kijivu zenye joto.
- Basic.Space — nyumba ya sanaa ya utunzaji kwenye marumaru nyeupe
- COS — nyumba ya sanaa ya mtindo yenye kuta nyeupe