Airbnb
Bangon gidan tarihi mai shiru mai alamar murjani ja ɗaya
Airbnb yana aiki a cikin salon "farin zane", inda daukar hoto ke mulki mafi girma: kusan kowace allo firam ne mai natsuwa, yana ba da damar hotunan allo na cikakken allo na halaye su nuna ra'ayi gabaɗaya, tare da lafazi ɗaya mai wadataccen murjani ja (Rausch) a matsayin alamar launi ɗaya da ke nuna aiki. Rubutun rubutu tsari ne na geometric sans-serif (Airbnb Cereal VF) - galibi ƙanana, girma mai ƙarfi - don rubutun jiki, hanyar haɗin, da kanun sashe (22-22) - tare da tazara mai tsauri da tazara mai yawa, yana sa katunan da rubutu mai yawa za a iya karantawa. Hanyar haɗin tana da faɗi, ba ta da firam, kuma zagaye: radi 12-3 akan katunan da sarrafawa, maɓallan siffar kwaya zagaye, da inuwa mai laushi, masu layi kawai don abubuwan da suka fi shahara kamar sandar bincike. Duk wani abu - katunan, abubuwan jerin abubuwa, hanyoyin haɗi - sun dogara ne akan sarari fari da layuka masu kyau maimakon lafazin chrome.
Tsarin cikakken faɗi ba tare da ƙayyadadden iyaka mai faɗi ba—abun ciki yana miƙewa daga gefe zuwa gefe a cikin yankin da za a iya gani, tare da kusan 40px na shimfidar kwance a kowane gefe akan tebur. Jarumin wani kapsul ne mai iyo, wanda aka sanya shi a kan wani farin zane mai tsaka tsaki ba tare da hoto ko take ba—sandar bincike SHINE jarumi. A ƙarƙashin binciken, shafin yana canzawa zuwa sassan da aka jera a tsaye, masu gungurawa a kwance (layuka huɗu suna bayyane: Gidaje Masu Kyau, Manyan Otal-otal, Sauran Birni, Akwai Wata Mai Zuwa), kowannensu yana da tsayin 320px, wanda aka raba shi da magudanar ruwa mai tsayi 48px. Kowane sashe yana amfani da grid mai kati 7 tare da kwararar ruwa a kwance da kewaya kibiya. Ƙafar ƙasa grid ne mai ginshiƙi 3 na hanyoyin haɗi akan bango na #f7f7f7, sannan kuma sandar ƙasa tare da bayanan haƙƙin mallaka, zaɓuɓɓukan harshe/kuɗi, da gumakan kafofin watsa labarun. Kewaya sandar saman ce mai tsayayyen tare da kewayawa ta tsakiya da sarrafawa masu daidaitawa da dama.
Daukar hoto ya mamaye tsarin gani, tare da hotunan cikakken allo na jerin gidaje da otal-otal waɗanda ke aiki a matsayin babban nau'in abun ciki. Duk hotunan suna da ɗumi, hotuna na ciki da waje na gidaje na gaske da otal-otal masu kyau, waɗanda aka sarrafa su da gyaran launi na halitta (ba tare da matattara masu nauyi ko duotone ba). An yanke hotunan sosai tare da rabon 1: 1 don jerin katunan, suna cika gefen katin ba tare da zubar jini ba. Gumaka a duk faɗin hanyar haɗin suna da tsari na monochrome (nauyin layi ~16–16), ana amfani da su kaɗan don nau'ikan kewayawa da sarrafa UI. Tambarin shine kawai ɓangaren zane mai launuka da yawa (Rausch). Babu zane-zane, babu zane-zane na 3D, babu zane-zane masu rikitarwa - harshen gani shine ɗaukar hoto mai tsabta da kuma zane-zanen monochrome mai sauƙi akan zane mai laushi mai laushi.
Palette
Alamar kasuwanci
- Rausch
#ff385c— Ana amfani da ja a matsayin lafazi na ado ga gumaka, alamu, da ƙananan bayanai na zane. Bai kamata a yi amfani da shi a matsayin babban launi don kiran aiki ba. - Rausch 600
#e00b41— Sigar fenti mai duhu da aka matse don saman da ake amfani da shi azaman alamar alama akan saman da ke shawagi/aiki.
Tsaka-tsaki
- Hof
#222222— Kwafin jiki, babban rubutu, kanun labarai, zane-zanen gumaka, da kuma bango mai juyewa launi ne mai tsaka-tsaki kusa da baƙi, wanda ke aiki a matsayin tushen tsarin achromatic gaba ɗaya. - Foggy
#6a6a6a— Rubutu na biyu, rubutun da ba a san ko su waye ba, rubutu na taimako, cike gumaka da aka kashe, da kuma bayanan sirri da ke ƙasa da taken kati. - Grey 500
#c1c1c1— Rubutu da aka kashe, rubutun mai riƙe wuri a cikin filayen shigarwa, da kuma gunkin da aka yi shiru yana nuna inda ake buƙatar rage fifiko kan matsayi. - Bebe
#ebebeb— Gajerun iyakoki, filayen shigarwa da aka ja layi a ƙasa, masu raba tsakanin layukan jeri, da layukan rabawa masu sauƙi. - Deco
#dddddd— Hotunan bango na kati don kwantena marasa aiki, masu riƙe wurare, da yanayin kati na nakasassu. - Faint
#f7f7f7— Hoton bayan shafi na zane, saman ƙasa, da yanayin shawagi don abubuwan hulɗa launi ne mai laushi da kirim wanda ya bambanta wannan shafin da fararen katunan.
Rubutu
daga 11 zuwa 28px · Matakai 5
- Airbnb Cereal VF — maye gurbin: Circular · zane-zane 400, 500, 600, 700 · An tsara wani rubutu na musamman na sans-serif na geometric don Airbnb. Rubutun jiki yana a 14px/400, lakabin UI a 16px/500, taken sashe a 20px/600, 22px/500 tare da tazara mai tsauri ta haruffa na -0.02em, da kuma taken shafi a 28px/700. Tazarar haruffa mara kyau yana raguwa tare da ƙaruwar girma, halayyar fonts na geometric sans-serif a manyan girman allo. Yana kunna fasalin glyph na "gishiri".
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | mai yawa |
| Mataki na asali | 12px |
| Maɓallin radius | 9999px |
| Radius na kati | 12px |
| Inuwar | inuwar laushi |
| Tsakanin sassa | 48px |
| Faɗin shafi | 1440px |
AI za ta gina gidan yanar gizonku a cikin salon Airbnb kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- Apple (España) — akwatin nuni na farin gallery
- Silencio — Daki fari mai kayan tarihi masu iyo. Nunin kayan tarihi da aka yi da takarda mai ɗumi, inda kowane abu ke ɗaukar matsayinsa a kan bango mai girman da ba shi da kyau, kuma shirun yanke shawara ne da aka yi da gangan.
- Oakâme — Wurin bita mai cike da rana wanda aka sassaka daga dutse mai ɗumi na Provençal
- Nike — Gidan tarihi mai launuka iri-iri na nasarorin wasanni - fararen bango, samfurin a matsayin aikin fasaha, chrome ya narke a bango
- Arc — gidan tarihi na masana'antu na fari a kan ruwan tsakar dare
- Rivian — Wani abin lantarki mai siffar siminti a bangon simintin gallery. Rivian ya gabatar da kowace mota a matsayin sassaka a kan wani babban sarari mai launin fari, tare da girman rubutu wanda ya zama abin gini, da kuma rawaya mai ɗumi guda ɗaya wanda ke karya yanayin monochromatic, kamar hasken rana a kan saman matte.
- Analogue — Baƙar akwatin nuni na gallery - kaya suna shawagi a cikin fanko
- ddna — akwatin nuni mai dumi na gidan kayan tarihi akan lilin da ba a yi wa magani ba
- Zellerfeld — Wurin aikin sassaka mai siffar marmara mai launin fari—sassan da ke kan tushe ɗaya, walƙiyar cobalt guda ɗaya, raɗawar ƙananan haruffa daga bene zuwa rufi
- UY Studio — Gidan adana kayan tarihi na gidan ibadar wani wuri ne mai natsuwa tare da bangon siminti, inda kwalaben turare ke tsaye a kan fararen plinths, waɗanda aka haskaka da fitila ɗaya mai ƙarfin watt 400 da kwararan fitila guda huɗu masu launin toka.
- Basic.Space — gidan tarihi na curatorial akan farin marmara
- COS — wani gidan tarihi mai salo tare da fararen bango