Airbnb
Derbi sawireed oo cad oo deggan oo leh hal calaamad oo casaan shacaab ah
Airbnb waxay ku shaqeysaa qaab "shiraac cad", halkaas oo sawir qaadku uu ugu sarreeyo: ku dhawaad shaashadda kasta waa qaab monochrome ah oo deggan, taasoo u oggolaanaysa sawirrada shaashadda oo dhan ee sifooyinka inay gudbiyaan aragtida guud, iyadoo leh hal lahjad oo casaan-cas oo qani ah (Rausch) oo ah calaamadda midabka kaliya ee tilmaamaysa ficilka. Nooca qoraalka waa qaab joomatari ah oo sans-serif ah (Airbnb Cereal VF) - inta badan cabbirro yar yar, kalsooni leh - qoraalka jirka, is-dhexgalka, iyo cinwaanada qaybaha (22-22) - oo leh kala fogaanshaha xariiqda taban ee cidhiidhiga ah iyo kala fogaanshaha xariiqda ee ballaaran, taasoo ka dhigaysa kaararka leh qoraal cufan oo la akhrin karo. Is-dhexgalka waa mid siman, aan lahayn qaab, oo wareegsan: 12-3 radii oo ku yaal kaararka iyo kontaroolada, badhamada qaab kiniin ah oo wareegsan, iyo hooska jilicsan, ee lakabaysan oo keliya walxaha caanka ah sida baarka raadinta. Wax kasta oo kale - kaararka, liiska walxaha, xiriiriyeyaasha - waxay ku tiirsan yihiin booska cad iyo khadadka fiican halkii ay ka ahaan lahaayeen lahjadaha chrome.
Qaab-dhismeed ballaaran oo aan lahayn xadka ugu badan ee ballac ah oo go'an - waxa ku jira wuxuu ku fidsan yahay gees ilaa gees gudaha aagga la arki karo, iyadoo qiyaastii 40px oo ah dahaadh toosan dhinac kasta oo desktop-ka ah. Geesigu waa kaabsal raadinta oo sabeynaya, oo ku salaysan shiraac cad oo dhexdhexaad ah oo aan lahayn sawir ama cinwaan - baarka raadinta WAA geesiga. Hoos raadinta, boggu wuxuu u gudbaa qaybo si toosan u dul saaran, oo si toosan u rogrogmaya (afar saf ayaa la arki karaa: Guryaha La Soo Bandhigay, Hoteellada Weyn, Magaalada Kale, Laga Heli Karo Bisha Soo Socota), mid walbana wuxuu dhererkiisu yahay qiyaastii 320px, oo ay u kala baxaan biyo-mareenno toosan oo 48px ah. Qayb kastaa waxay isticmaashaa shabag 7-kaar ah oo leh qulqulka toosan iyo marin-haweedka fallaarta. Hoosta hoose waa shabag 3-tiir ah oo xiriiriyeyaal ah oo ku yaal asalka #f7f7f7, oo ay ku xigto baar hoose oo leh macluumaadka xuquuqda daabacaadda, ikhtiyaarrada luqadda/lacagta, iyo astaamaha warbaahinta bulshada. Navigation-ku waa baar sare oo go'an oo leh marin-haweedka tab ee dhexe iyo kontaroolada midig-toosan.
Sawir qaadashadu waxay ku badan tahay nidaamka muuqaalka, iyadoo sawirro shaashad buuxda leh oo liisaska hantida ma-guurtada ah ay u adeegaan nooca macluumaadka aasaasiga ah. Dhammaan sawirradu waa sawirro gudaha iyo dibadda ah oo diirran oo si fiican u iftiimaya oo guryaha iyo hoteellada dhabta ah, oo lagu farsameeyay sixitaan midab dabiici ah (iyada oo aan lahayn shaandhooyin culus ama duotone). Sawirrada si adag ayaa loo jarjaray iyadoo la adeegsanayo saamiga 1:1 ee kaararka liiska, iyagoo buuxinaya geeska kaarka iyada oo aan lahayn dhiigbax. Astaamaha oo dhan ee is-dhexgalka waxay leeyihiin dulmar monochrome ah (miisaanka xariiqda ~16–16), oo si yar loogu isticmaalo qaybaha navigation-ka iyo kontaroolada UI. Astaantu waa qaybta kaliya ee sawirada badan leh (Rausch). Ma jiraan sawirro, ma jiraan sawirro 3D ah, ma jiraan sawirro aan la taaban karin - luqadda muuqaalku waa sawir qaade saafi ah iyo astaanta monochrome-ga ee minimalist-ka ah oo ku taal shiraac cad oo jilicsan.
Paleetka
Summada
- Rausch
#ff385c— Casaanka waxaa loo isticmaalaa lahjad qurxin ah oo loogu talagalay astaamaha, calaamadaha, iyo faahfaahinta sawir-gacmeedyada yaryar. Waa in aan loo isticmaalin midabka ugu muhiimsan ee wicitaanada ficilka. - Rausch 600
#e00b41— Nooc rinji Rausch ah oo la riixay oo madow oo loogu talagalay dusha sare ee loo isticmaalo sida astaanta summada ee dusha sare ee firfircoon/hover.
Dhexdhexaad
- Hof
#222222— Nuqulka jirka, qoraalka ugu muhiimsan, cinwaanada, dulmarrada astaanta, iyo asalka rogan waa midab dhexdhexaad ah oo u dhow madow, kaas oo u adeega saldhigga nidaamka achromatic oo dhan. - Foggy
#6a6a6a— Qoraal labaad, qoraallo qarsoon, qoraal kaaliye ah, buuxinta astaanta oo aan shaqaynayn, iyo xog-ururin qarsoon oo ka hooseysa cinwaanada kaararka. - Grey 500
#c1c1c1— Qoraalka naafada ah, qoraalka booska haystaha ee goobaha gelinta, iyo astaanta la aamusiyay oo tilmaamaysa meesha looga baahan yahay in xoogga la saaro xaaladda. - Bebe
#ebebeb— Xuduudo khafiif ah, goobaha gelinta ee hoos laga xariiqay, kala-soocayaasha u dhexeeya khadadka liiska, iyo khadadka kala-qaybinta ee qarsoon. - Deco
#dddddd— Sawirrada asalka ah ee kaararka ee weelasha aan firfircoonayn, meelaha lagu hayo, iyo xaaladaha kaararka naafada ah. - Faint
#f7f7f7— Sawirka asalka ah ee bogga shiraaca, dusha sare ee cagta, iyo xaaladda hover-ka ee walxaha is-dhexgalka waa midab jilicsan oo kareem ah oo boggan ka soocaya kaararka cad ee saafiga ah.
Nooca qoraalka
laga bilaabo 11 ilaa 28px · 5 tallaabo
- Airbnb Cereal VF — beddelka: Circular · dulmar guud 400, 500, 600, 700 · Farta sans-serif ee joomatari ee gaarka ah ee loogu talagalay Airbnb. Qoraalka jirka waxaa lagu meeleeyay 14px/400, calaamadaha UI-ga waa 16px/500, cinwaanada qaybaha waa 20px/600, 22px/500 oo leh kala fogaanshaha xarfaha oo cidhiidhi ah oo ah -0.02em, iyo cinwaanada boggaga waa 28px/700. Kala fogaanshaha xarfaha taban ayaa hoos u dhacaya marka la kordhiyo cabbirka, taasoo ah astaamo u ah fardaha sans-serif ee joomatari ee cabbirrada shaashadda ee waaweyn. Waxay awood u siinaysaa sifada glyph ee "cusbada".
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | cufan |
| Tallaabada aasaasiga ah | 12px |
| Gacanka badhanka | 9999px |
| Gacanka kaarka | 12px |
| Hooska | hooska jilicsan |
| Inta u dhaxaysa qaybaha | 48px |
| Ballaca bogga | 1440px |
AI waxay website-kaaga ku dhisi doontaa qaabka Airbnb oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- Apple (España) — kiis bandhig sawireed cad
- Silencio — Qol cad oo leh waxyaabo duug ah oo sabeynaya. Bandhig sawireed oo laga sameeyay warqad diirran, halkaas oo walax kastaa ay booskeeda ku haysato asal mug taban, aamusnaantuna waa go'aan naqshadeed oo ula kac ah.
- Oakâme — Aqoon-is-weydaarsi Provençal ah oo qorraxdu ku da'ayso oo laga xardhay dhagax diirran
- Nike — Sawir-gacmeed monochrome ah oo ku saabsan guulaha ciyaaraha - derbiyada cad, badeecadda oo ah shaqo farshaxan, chrome ayaa ku milmay asalka
- Arc — gallery warshadaha cad oo ka sarreeya biyaha saqda dhexe
- Rivian — Hal-ku-dheg koronto oo ku yaal derbiga shubka ah ee gallery-ga. Rivian wuxuu baabuur kasta u soo bandhigayaa sidii farshaxan ka soo horjeeda meel cad oo weyn, iyadoo daabacaadda aad u weyn ay noqoto qayb dhisme, iyo hal jaalle diirran oo jebiya jawiga monochromatic, sida iftiinka qorraxda oo ku yaal dusha sare ee matte.
- Analogue — Kiis bandhig sawir madow ah - alaabtu waxay ku dul heehaaban tahay meesha bannaan
- ddna — kiis bandhig matxaf diirran oo ku yaal linen aan la daaweyn
- Zellerfeld — Aqoon-is-weydaarsi farshaxan oo ku saabsan marmar cad - dusha sare ee saldhigga, hal dhimbiil oo kobalt ah, shanqadh xarfo yaryar ah oo ka bilaabmaya dabaqa ilaa saqafka.
- UY Studio — Matxafka dhagaxa ee qasriga waa meel deggan oo leh derbiyo shub ah, halkaas oo dhalooyinka cadarka ay ku yaalliin sagxad cad, oo ay ku iftiiminayaan hal laambad oo 400-watt ah iyo afar nalal oo cawlan oo diirran.
- Basic.Space — gallery curatorial ah oo ku yaal marmar cad
- COS — gallery casri ah oo leh derbiyo cadcad