Airbnb
Usa ka hilom nga puti nga bungbong sa gallery nga adunay usa ka coral red bookmark
Ang Airbnb naglihok sa estilo nga "puti nga canvas", diin ang potograpiya naghari: halos tanang screen usa ka hilom nga monochrome frame, nga nagtugot sa mga full-screen nga imahe sa mga propiedad nga ipahayag ang kinatibuk-ang impresyon, nga adunay usa ka dato nga coral-red accent (Rausch) isip bugtong kolor nga nagpakita sa aksyon. Ang typeface usa ka geometric sans-serif (Airbnb Cereal VF)—kasagaran gagmay, sigurado nga gidak-on—para sa body text, interface, ug mga heading sa seksyon (22-22)—nga adunay hugot nga negatibo nga linya sa gilay-on ug lapad nga linya sa gilay-on, nga naghimo sa mga kard nga adunay dasok nga teksto nga mabasa. Ang interface patag, walay frame, ug lingin: 12-3 radii sa mga kard ug kontrol, lingin nga mga butones nga porma og pildoras, ug humok, layered nga mga anino para lamang sa mga prominenteng elemento sama sa search bar. Ang tanan—mga kard, mga butang sa lista, mga link—nagsalig sa puti nga espasyo ug pino nga mga linya imbes nga mga accent sa chrome.
Usa ka full-width layout nga walay gitakdang max-width limit—ang content nag-inat gikan sa ngilit ngadto sa ngilit sulod sa makita nga area, nga adunay gibana-bana nga 40px nga horizontal padding sa matag kilid sa desktop. Ang hero usa ka naglutaw nga search capsule, nga nakasentro sa usa ka neutral nga puti nga canvas nga walay imahe o titulo—ang search bar MAO ang hero. Ubos sa search, ang page mobalhin ngadto sa vertically stacked, horizontally scrolling sections (upat ka row ang makita: Featured Homes, Great Hotels, Other City, Available Next Month), ang matag usa gibana-bana nga 320px ang gitas-on, gibulag sa 48px vertical gutters. Ang matag seksyon naggamit og 7-card grid nga adunay horizontal overflow ug arrow navigation. Ang footer usa ka 3-column grid sa mga link sa #f7f7f7 background, gisundan sa bottom bar nga adunay impormasyon sa copyright, mga opsyon sa pinulongan/currency, ug mga social media icon. Ang navigation usa ka fixed top bar nga adunay centered tab navigation ug right-aligned controls.
Ang potograpiya mao ang nagdominar sa biswal nga sistema, nga ang mga full-screen nga hulagway sa mga listahan sa real estate nagsilbing pangunang tipo sa sulud. Ang tanan nga mga litrato mainiton, hayag nga interior ug exterior nga mga kuha sa tinuod nga mga balay ug hotel, giproseso gamit ang natural nga pagtul-id sa kolor (walay bug-at nga mga filter o duotone). Ang mga hulagway hugot nga giputol nga adunay 1:1 nga aspect ratio para sa mga listing card, nga nagpuno sa ngilit sa card nga walay mga bleed. Ang mga icon sa tibuok interface adunay monochrome outline (line weight ~16–16), nga gigamit nga talagsa ra alang sa mga kategorya sa nabigasyon ug mga kontrol sa UI. Ang logo mao lamang ang multicolor graphic element (Rausch). Walay mga ilustrasyon, walay 3D renders, walay abstract graphics—ang biswal nga pinulongan puro nga potograpiya ug minimalist nga monochrome iconography sa usa ka humok nga puti nga canvas.
Paleta
Brand
- Rausch
#ff385c— Ang pula gigamit isip pangdekorasyon nga kolor para sa mga icon, karatula, ug gagmay nga mga detalye sa grapiko. Dili kini angay gamiton isip pangunang kolor para sa mga panawagan sa aksyon. - Rausch 600
#e00b41— Usa ka piniga ug itom nga bersyon sa pinturang Rausch para sa mga nawong nga gigamit isip brand accents sa hover/active nga mga nawong.
Neutral
- Hof
#222222— Ang body copy, pangunang teksto, mga ulohan, mga outline sa icon, ug inverted background kay usa ka neyutral nga kolor nga hapit itom, nga nagsilbing basehan sa tibuok achromatic system. - Foggy
#6a6a6a— Sekondaryang teksto, gihilom nga mga caption, auxiliary nga teksto, gi-disable nga pagpuno sa icon, ug discreet metadata sa ubos sa mga titulo sa kard. - Grey 500
#c1c1c1— Gi-disable nga teksto, placeholder nga teksto sa mga input field, ug muted nga icon nga naglatid kung diin kinahanglan ang pagkawala sa gibug-aton sa status. - Bebe
#ebebeb— Nipis nga mga border, gi-underline nga mga input field, mga separator tali sa mga linya sa listahan, ug mga dili klaro nga linya sa pagbahin. - Deco
#dddddd— Mga hulagway sa background sa kard para sa mga dili aktibo nga sudlanan, mga placeholder, ug mga disabled nga estado sa kard. - Faint
#f7f7f7— Ang hulagway sa background sa page canvas, footer surface, ug hover state para sa mga interactive elements kay humok ug krema nga kolor nga nagpalahi niini nga panid gikan sa purong puti nga mga kard.
Tipograpiya
gikan sa 11 hangtod 28px · 5 ka lakang
- Airbnb Cereal VF — kapuli: Circular · mga balangkas 400, 500, 600, 700 · Usa ka gipahaom nga geometric sans-serif nga font nga gidisenyo para sa Airbnb. Ang body text naa sa 14px/400, ang UI labels naa sa 16px/500, ang section headings naa sa 20px/600, 22px/500 nga adunay hugot nga letter spacing nga -0.02em, ug page headings naa sa 28px/700. Ang negative letter spacing mokunhod uban sa pagtaas sa gidak-on, usa ka kinaiya sa geometric sans-serif nga mga font sa mas dagkong mga gidak-on sa screen. Gi-enable ang "salt" alternate glyph feature.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 12px |
| Radius sa butones | 9999px |
| Radius sa kard | 12px |
| Mga anino | humok nga mga anino |
| Taliwala sa mga seksyon | 48px |
| Lapad sa panid | 1440px |
Ang AI motukod sa imong website sa estilo sa Airbnb ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Apple (España) — puti nga display case sa gallery
- Silencio — Usa ka puti nga kwarto nga adunay naglutaw nga mga artifact. Usa ka gallery display nga hinimo sa init nga papel, diin ang matag elemento nag-okupar sa iyang lugar batok sa background sa negatibo nga volume, ug ang kahilom usa ka tinuyo nga desisyon sa disenyo.
- Oakâme — Usa ka Provençal workshop nga gibisbisan sa adlaw nga gikulit gikan sa init nga bato
- Nike — Usa ka monochrome nga galeriya sa mga kalampusan sa paugnat sa kusog – puti nga mga bungbong, ang produkto isip usa ka obra maestra, chrome nga natunaw sa background
- Arc — industriyal nga puti nga galeriya ibabaw sa tubig sa tungang gabii
- Rivian — Usa ka electric monolith sa konkretong bungbong sa gallery. Gipakita sa Rivian ang matag sakyanan isip usa ka eskultura batok sa usa ka halapad nga puti nga wanang, nga adunay tipograpiya nga dako kaayo nga kini nahimong usa ka elemento sa arkitektura, ug usa ka mainit nga dilaw nga nagbungkag sa monochromatic nga atmospera, sama sa kahayag sa adlaw sa usa ka matte nga nawong.
- Analogue — Itom nga display case sa gallery – ang mga produkto naglutaw-lutaw sa kawang
- ddna — init nga display case sa museyo sa wala matambalan nga linen
- Zellerfeld — Usa ka talyer sa eskultor sa puti nga marmol—ang monolitikong mga nawong sa pedestal, usa ka kislap sa cobalt, usa ka hunghong sa gagmay nga mga letra gikan sa salog hangtod sa kisame
- UY Studio — Ang galeriya nga bato sa monasteryo usa ka hilom nga lugar nga adunay mga bungbong nga semento, diin ang mga botelya sa pahumot nagbarog sa puti nga mga plinth, nga gidan-agan sa usa ka 400-watt nga lampara ug upat ka mainit nga abuhon nga mga bombilya.
- Basic.Space — galeriya sa kuratoryo sa puti nga marmol
- COS — usa ka uso nga gallery nga adunay puti nga mga dingding