Airbnb
Yon miray galeri blan trankil ak yon sèl makè paj wouj koray
Airbnb fonksyone nan yon stil "twal blan", kote fotografi domine: prèske chak ekran se yon ankadreman monokrom trankil, sa ki pèmèt imaj pwopriyete yo sou tout ekran an transmèt enpresyon jeneral la, ak yon sèl aksan wouj koray rich (Rausch) kòm sèl koulè ki endike aksyon an. Polis karaktè a se yon sans-serif jewometrik (Airbnb Cereal VF)—sitou ti gwosè, byen defini—pou kò tèks la, koòdone a, ak tit seksyon yo (22-22)—ak yon espasman liy negatif sere ak yon espasman liy jenere, sa ki fè kat ki gen tèks dans yo lizib. Koòdone a plat, san ankadreman, epi awondi: 12-3 reyon sou kat ak kontwòl yo, bouton won ki gen fòm grenn, ak lonbraj mou, an kouch sèlman pou eleman enpòtan tankou ba rechèch la. Tout lòt bagay—kat, atik lis, lyen—repoze sou espas blan ak liy fen olye de aksan chrome.
Yon layout plen lajè san limit lajè maksimòm fiks—kontni an detire soti nan yon kwen rive nan lòt nan zòn vizib la, ak apeprè 40px nan ranpli orizontal sou chak bò sou òdinatè a. Ewo a se yon kapsil rechèch k ap flote, santre sou yon twal blan net san imaj ni tit—ba rechèch la SE ewo a. Anba rechèch la, paj la fè tranzisyon an seksyon ki anpile vètikalman, ki defile orizontalman (kat ranje vizib: Kay ki Anons Spesyal, Gran Otèl, Lòt Vil, Disponib Mwa Pwochen), chak apeprè 320px wotè, separe pa liy vètikal 48px. Chak seksyon itilize yon griy 7 kat ak debòdman orizontal ak navigasyon flèch. Anba paj la se yon griy 3 kolòn ak lyen sou yon background #f7f7f7, ki te swiv pa yon ba anba ak enfòmasyon sou dwa otè, opsyon lang/lajan, ak ikòn medya sosyal. Navigasyon an se yon ba anlè fiks ak navigasyon onglet santre ak kontwòl aliyen adwat.
Fotografi domine sistèm vizyèl la, avèk imaj plen ekran ki nan lis byen imobilye yo kòm prensipal kalite kontni. Tout foto yo se foto cho, byen klere, enteryè ak eksteryè kay reyèl ak otèl, trete ak koreksyon koulè natirèl (san filtè lou oswa duoton). Imaj yo byen koupe ak yon rapò aspè 1:1 pou kat lis yo, ranpli kwen kat la san senyen. Ikòn nan tout koòdone nan gen yon kontou monokrom (pwa liy ~16-16), yo itilize ak modération pou kategori navigasyon ak kontwòl koòdone itilizatè. Logo a se sèl eleman grafik miltikoulè a (Rausch). Pa gen ilistrasyon, pa gen rann 3D, pa gen grafik abstrè—langaj vizyèl la se fotografi pi ak ikonografi monokrom minimalist sou yon twal blan mou.
Palèt
Mak
- Rausch
#ff385c— Yo itilize wouj kòm yon aksan dekoratif pou ikòn, siy, ak ti detay grafik. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon. - Rausch 600
#e00b41— Yon vèsyon fonse ak presye nan penti Rausch pou sifas yo itilize kòm aksan mak sou sifas aktif/ki plane.
Netral
- Hof
#222222— Kò tèks la, tèks prensipal la, tit yo, kontou ikon yo, ak background envèse a se yon koulè net ki pre nwa, ki sèvi kòm baz pou tout sistèm akromatik la. - Foggy
#6a6a6a— Tèks segondè, tit ki pa sonnen, tèks oksilyè, ranpli ikòn ki enfim, ak metadone diskrè anba tit kat yo. - Grey 500
#c1c1c1— Tèks enfim, tèks espas vid nan chan pou antre yo, ak kontou ikon ki pa sonnen kote yo bezwen diminye anfaz sou estati a. - Bebe
#ebebeb— Fwontyè mens, chan pou antre souliye, separatè ant liy lis yo, ak liy divizyon sibtil. - Deco
#dddddd— Imaj background kat pou kontenè inaktif, espas rezève, ak eta kat enfim. - Faint
#f7f7f7— Imaj background twal paj la, sifas pye paj la, ak eta survol pou eleman entèaktif yo se yon koulè krèm dou ki fè paj sa a diferan de kat blan pi yo.
Tipografi
soti nan 11 pou rive nan 28px · 5 etap
- Airbnb Cereal VF — ranplasman: Circular · plan 400, 500, 600, 700 · Yon polis sans-serif jewometrik pèsonalize ki fèt pou Airbnb. Tèks kò a pozisyone nan 14px/400, etikèt koòdone itilizatè a nan 16px/500, tit seksyon yo nan 20px/600, 22px/500 ak yon espasman lèt sere -0.02em, ak tit paj yo nan 28px/700. Espasman lèt negatif la diminye lè gwosè a ogmante, yon karakteristik polis sans-serif jewometrik nan pi gwo gwosè ekran. Aktive fonksyon glif altènatif "sèl" la.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 12px |
| Reyon bouton | 9999px |
| Reyon kat | 12px |
| Lonbray | lonbraj mou |
| Ant seksyon yo | 48px |
| Lajè paj la | 1440px |
IA ap bati sit entènèt ou a nan style Airbnb epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Apple (España) — vitrin galeri blan
- Silencio — Yon chanm blan ak objè k ap flote. Yon ekspozisyon galri ki fèt ak papye cho, kote chak eleman pran plas li sou yon fon volim negatif, epi silans lan se yon desizyon konsepsyon entansyonèl.
- Oakâme — Yon atelye provensal benyen nan solèy, fèt ak wòch cho
- Nike — Yon galeri monokrom reyalizasyon espòtif - mi blan, pwodwi a kòm yon travay atistik, chrome fonn nan background nan.
- Arc — galri blan endistriyèl sou dlo minwi
- Rivian — Yon monolit elektrik sou miray beton galeri a. Rivian prezante chak machin kòm yon eskilti kont yon gwo espas blan, ak yon tipografi tèlman gwo ke li vin tounen yon eleman achitekti, ak yon sèl jòn cho ki kraze atmosfè monokromatik la, tankou limyè solèy sou yon sifas mat.
- Analogue — Vitrin galri nwa - machandiz yo ap flote nan vid la
- ddna — vitrin mize cho sou twal fin blan ki pa trete
- Zellerfeld — Yon atelye eskiltè sou mab blan—sifas monolitik pedestal la, yon sèl etensèl kobalt, yon chichotman lèt miniskil soti atè rive nan plafon an
- UY Studio — Galri wòch monastè a se yon espas trankil ak mi beton, kote boutèy pafen kanpe sou sipò blan, eklere pa yon lanp 400 wat ak kat anpoul gri cho.
- Basic.Space — galri komisè sou mab blan
- COS — yon galeri alamòd ak mi blan