Airbnb
Rusvingo rwegalari chena rwakanyarara rune chiratidzo chimwe chete chitsvuku chekorari
Airbnb inoshanda nenzira ye "canvas chena", uko kutora mifananidzo kunotonga zvakanyanya: skrini yese inenge iri furemu yakanyarara ye monochrome, ichibvumira mifananidzo yakazara yezvivakwa kuti iratidze pfungwa yacho yese, nerumwe ruvara rutsvuku rwekorari (Rausch) sechiratidzo chemavara chete chinoratidza chiito. Rudzi rwemavara i geometric sans-serif (Airbnb Cereal VF) - kazhinji kacho diki, saizi dzakasimba - dzemavara emuviri, interface, uye misoro yezvikamu (22-22) - ine miganhu yakasimba uye nzvimbo yakakura yemitsara, zvichiita kuti makadhi ane mavara akakora averengeke. Interface yacho yakati sandara, isina furemu, uye yakatenderera: 12-3 radii pamakadhi uye ma control, mabhatani akaita sepiritsi rakatenderera, uye mimvuri yakapfava, ine zvikamu chete zvezvinhu zvinoonekwa senge search bar. Zvimwe zvese - makadhi, zvinhu zverondedzero, ma link - zvinoenderana nenzvimbo chena nemitsetse midiki pane ma chrome accents.
Kurongeka kwakazara kusina muganho wehupamhi hwakatarwa—zviri mukati zvinotambanudzwa kubva kumucheto kuenda kumucheto munzvimbo inoonekwa, ine 40px yepedhi yakatambanudzwa kudivi rega rega padesktop. Gamba iri ikepisi rekutsvaga rinoyangarara, rakanangana necanvas chena isina mufananidzo kana zita—bhawa rekutsvaga NDIRO gamba. Pasi pekutsvaga, peji rinoshanduka kuita zvikamu zvakatarwa zvakatwasuka, zvakatwasuka (mitsara mina inoonekwa: Dzimba Dzakakurumbira, Mahotera Makuru, Guta Rimwe, Rinowanikwa Mwedzi Unotevera), imwe neimwe yakareba 320px, yakaparadzaniswa nemagutter e48px akatwasuka. Chikamu chimwe nechimwe chinoshandisa grid yemakadhi manomwe ine horizontal overflow uye arrow navigation. Footer igrid ye3-column yemalinks pane #f7f7f7 background, ichiteverwa nebhawa repasi rine ruzivo rwekodzero, sarudzo dzemutauro/mari, uye zviratidzo zvesocial media. Navigation ibhawa repamusoro rakatarwa rine centred tab navigation uye right-aligned controls.
Kutora mifananidzo ndiko kunonyanya kukosha muhurongwa hwekuona, nemifananidzo yakazara yezvinyorwa zvezvivakwa zvichishanda semhando huru yezviri mukati. Mifananidzo yese inodziya, ine chiedza chakanaka mukati nekunze kwedzimba nemahotera, yakagadziriswa nekugadziriswa kwemavara echisikigo (isina mafirita akakora kana maduotone). Mifananidzo yakachekwa zvakasimba ne1:1 aspect ratio yemakadhi ekunyora, ichizadza mupendero wekadhi pasina kubuda ropa. Mapikicha mukati me interface ane monochrome outline (mutsetse wehuremu ~16–16), anoshandiswa zvishoma muzvikamu zvekufamba uye UI controls. Logo ndiyo yega multicolor graphic element (Rausch). Hapana mifananidzo, hapana 3D renders, hapana abstract graphics—mutauro wekuona mifananidzo yakachena uye minimalist monochrome iconography pacanvas chena yakapfava.
Palette
Rudzi
- Rausch
#ff385c— Tsvuku inoshandiswa senzira yekushongedza zviratidzo, zviratidzo, uye mifananidzo midiki. Haifanirwe kushandiswa seruvara rukuru rwekukurudzira vanhu kuita chimwe chinhu. - Rausch 600
#e00b41— Pendi yeRausch yakadzvanywa uye yakasviba inoshandiswa senzira yekuratidza mavara panzvimbo dzinofamba-famba.
Kwakarerekera
- Hof
#222222— Kopi yemuviri, rugwaro rukuru, misoro, marongerwo ezviratidzo, uye kumashure kwakapindurwa ruvara rwakafanana neruvara rutema, izvo zvinoshanda sehwaro hwehurongwa hwese hwe achromatic. - Foggy
#6a6a6a— Rugwaro rwechipiri, mashoko akapfupikiswa, mashoko ekuwedzera, kuzadzwa kwezviratidzo kwakadzima, uye metadata iri pasi pemazita emakadhi. - Grey 500
#c1c1c1— Rugwaro rwakaremara, rugwaro rwechibatiso munzvimbo dzekupinda, uye zviratidzo zvakadzimwa panodiwa kuti usanyanya kusimbisa mamiriro ezvinhu. - Bebe
#ebebeb— Miganhu mitete, inoisa mutsetse pasi peminda yekuisa, zvinoparadzanisa pakati pemitsara yerondedzero, uye mitsetse inoparadzanisa zvishoma. - Deco
#dddddd— Mifananidzo yekumashure yemakadhi emidziyo isingashande, zvibatiso, uye mamiriro emakadhi akaremara. - Faint
#f7f7f7— Mufananidzo wekumashure kwekanzuru yepeji, pamusoro pechitsiko, uye mamiriro ekutenderedza zvinhu zvinodyidzana mumvuri wakapfava, wakapfava unosiyanisa peji rino nemakadhi machena chaiwo.
Kunyora
kubva pa11 kusvika pa28px · nhanho 5
- Airbnb Cereal VF — kutsiva: Circular · marongero 400, 500, 600, 700 · Fonti ye geometric sans-serif yakagadzirirwa Airbnb. Rugwaro rwemuviri rwakaiswa pa14px/400, mavara eUI pa16px/500, misoro yezvikamu pa20px/600, 22px/500 ine miganhu yemavara madiki ye -0.02em, uye misoro yemapeji pa28px/700. Miganhu yemavara asina kunaka inoderera nekukura kuri kuwedzera, hunhu hwemafonti e geometric sans-serif pahukuru hukuru hwechidzitiro. Inogonesa "salt" alternate glyph feature.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 12px |
| Radiyo yebhatani | 9999px |
| Nharaunda yekadhi | 12px |
| Mimvuri | mimvuri yakapfava |
| Pakati pezvikamu | 48px |
| Upamhi hwepeji | 1440px |
AI ichavaka webhusaiti yako nenzira ye Airbnb uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Apple (España) — bhokisi rekuratidzira remagalari machena
- Silencio — Kamuri jena rine zvinhu zvakagadzirwa zvinoyangarara. Chiratidziro chegallery chakagadzirwa nepepa rinodziya, uko chinhu chimwe nechimwe chinotora nzvimbo yacho pasi pehukuru hwakaipa, uye kunyarara chisarudzo chekugadzira nemaune.
- Oakâme — Imba yekuchengetera zvinhu yeProvençal yakanyoroveswa nezuva yakavezwa nematombo anodziya
- Nike — Garari remifananidzo yekubudirira kwemitambo - madziro machena, chigadzirwa sebasa reunyanzvi, chrome yakanyungudutswa kumashure
- Arc — gallery chena yeindasitiri pamusoro pemvura yepakati pehusiku
- Rivian — Chifananidzo chemagetsi chiri pamadziro ekongiri yegarari. Rivian anoratidza mota yega yega sechifananidzo chakatariswa nenzvimbo chena yakakura, ine manyorerwo akakura zvekuti inova chinhu chekuvaka, uye yero imwe chete inodziya inoputsa mamiriro ekunze akafanana, sechiedza chezuva chiri pamusoro pematte.
- Analogue — Bhokisi rekuratidzira dema regalari - zvinhu zviri kutenderera musina chinhu
- ddna — bhokisi rekuratidzira remiziyamu rinodziya riri pamucheka usina kurapwa
- Zellerfeld — Imba yekuveza mifananidzo yematombo machena—nzvimbo huru dzechigadziko, kamoto kamwe chete kecobalt, ruzha rwemavara madiki kubva pasi kusvika padenga
- UY Studio — Nzvimbo yematombo yemamongi inzvimbo yakanyarara ine madziro ekongiri, uko mabhodhoro ezvinonhuwira anomira pamadziro machena, akavhenekerwa nerambi rimwe remawati 400 uye mababu mana egrey anodziya.
- Basic.Space — gallery yekuchengeta vanhu pamarble machena
- COS — gallery ine mafashoni ine madziro machena