Airbnb
Wal oriel wen dawel gydag un nod tudalen coch cwrel
Mae Airbnb yn gweithredu mewn arddull "cynfas gwyn", lle mae ffotograffiaeth yn teyrnasu'n oruchaf: mae bron pob sgrin yn ffrâm monocrom dawel, gan ganiatáu i ddelweddau sgrin lawn o eiddo gyfleu'r argraff gyffredinol, gydag un acen goch cwrel cyfoethog (Rausch) fel yr unig giw lliw sy'n dynodi gweithred. Mae'r ffont yn sans-serif geometrig (Airbnb Cereal VF) - meintiau bach, hyderus yn bennaf - ar gyfer testun y corff, y rhyngwyneb, a phenawdau adrannau (22-22) - gyda bylchau llinell negyddol tynn a bylchau llinell hael, gan wneud cardiau â thestun trwchus yn ddarllenadwy. Mae'r rhyngwyneb yn wastad, heb ffrâm, ac yn grwn: 12-3 radiws ar gardiau a rheolyddion, botymau crwn siâp pilsen, a chysgodion meddal, haenog yn unig ar gyfer elfennau amlwg fel y bar chwilio. Mae popeth arall - cardiau, eitemau rhestr, dolenni - yn dibynnu ar ofod gwyn a llinellau mân yn hytrach nag acenion crôm.
Cynllun lled llawn heb derfyn lled uchaf penodol—mae'r cynnwys yn ymestyn o ymyl i ymyl o fewn yr ardal weladwy, gyda thua 40px o badin llorweddol ar bob ochr ar y bwrdd gwaith. Capsiwl chwilio arnofiol yw'r arwr, wedi'i ganoli ar gynfas gwyn niwtral heb ddelwedd na theitl—y bar chwilio YW'R arwr. O dan y chwiliad, mae'r dudalen yn trawsnewid yn adrannau wedi'u pentyrru'n fertigol, yn sgrolio'n llorweddol (mae pedair rhes yn weladwy: Cartrefi Dethol, Gwestai Gwych, Dinas Arall, Ar Gael y Mis Nesaf), pob un tua 320px o uchder, wedi'u gwahanu gan gwteri fertigol 48px. Mae pob adran yn defnyddio grid 7-cerdyn gyda gorlif llorweddol a llywio saeth. Mae'r troedyn yn grid 3-golofn o ddolenni ar gefndir #f7f7f7, ac yna bar gwaelod gyda gwybodaeth hawlfraint, opsiynau iaith/arian cyfred, ac eiconau cyfryngau cymdeithasol. Bar uchaf sefydlog yw'r llywio gyda llywio tab canolog a rheolyddion wedi'u halinio i'r dde.
Mae ffotograffiaeth yn dominyddu'r system weledol, gyda delweddau sgrin lawn o restrau eiddo tiriog yn gwasanaethu fel y prif fath o gynnwys. Mae pob llun yn luniau mewnol ac allanol cynnes, wedi'u goleuo'n dda o gartrefi a gwestai go iawn, wedi'u prosesu gyda chywiriad lliw naturiol (heb hidlwyr trwm na deuotonau). Mae delweddau wedi'u cnydio'n dynn gyda chymhareb agwedd 1:1 ar gyfer cardiau rhestru, gan lenwi ymyl y cerdyn heb waedu. Mae gan eiconau ledled y rhyngwyneb amlinelliad monocrom (pwysau llinell ~16–16), a ddefnyddir yn gynnil ar gyfer categorïau llywio a rheolyddion UI. Y logo yw'r unig elfen graffig aml-liw (Rausch). Dim darluniau, dim rendradau 3D, dim graffeg haniaethol—yr iaith weledol yw ffotograffiaeth bur ac eiconograffeg monocrom finimalaidd ar gynfas gwyn meddal.
Palet
Brand
- Rausch
#ff385c— Defnyddir coch fel acen addurnol ar gyfer eiconau, arwyddion a manylion graffig bach. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu. - Rausch 600
#e00b41— Fersiwn gwasgedig a thywyll o baent Rausch ar gyfer arwynebau a ddefnyddir fel acenion brand ar arwynebau hofran/actif.
Niwtral
- Hof
#222222— Mae copi'r corff, y prif destun, y penawdau, amlinelliadau'r eiconau, a'r cefndir gwrthdro yn lliw niwtral sy'n agos at ddu, sy'n gwasanaethu fel sail i'r system acromatig gyfan. - Foggy
#6a6a6a— Testun eilaidd, capsiynau wedi'u mud, testun ategol, llenwad eicon analluog, a metadata disylw o dan deitlau cardiau. - Grey 500
#c1c1c1— Testun wedi'i analluogi, testun llefydd mewn meysydd mewnbwn, ac amlinelliadau eiconau wedi'u tawelu lle mae angen lleihau pwyslais ar statws. - Bebe
#ebebeb— Ffiniau tenau, meysydd mewnbwn wedi'u tanlinellu, gwahanyddion rhwng llinellau rhestr, a llinellau rhannu cynnil. - Deco
#dddddd— Delweddau cefndir cardiau ar gyfer cynwysyddion anactif, llefydd, a chyflyrau cardiau analluog. - Faint
#f7f7f7— Mae delwedd gefndir cynfas y dudalen, arwyneb y droedyn, a chyflwr hofran yr elfennau rhyngweithiol yn arlliw meddal, hufennog sy'n gosod y dudalen hon ar wahân i'r cardiau gwyn pur.
Teipograffeg
o 11 i 28px · 5 cam
- Airbnb Cereal VF — amnewid: Circular · amlinelliadau 400, 500, 600, 700 · Ffont sans-serif geometrig personol wedi'i gynllunio ar gyfer Airbnb. Mae testun y corff wedi'i leoli ar 14px/400, labeli UI ar 16px/500, penawdau adrannau ar 20px/600, 22px/500 gyda bylchau llythrennau tynn o -0.02em, a phenawdau tudalennau ar 28px/700. Mae bylchau llythrennau negyddol yn lleihau wrth i'r maint gynyddu, nodwedd o ffontiau sans-serif geometrig ar sgriniau mwy. Yn galluogi'r nodwedd glyff amgen "salt".
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 12px |
| Radiws botwm | 9999px |
| Radiws y cerdyn | 12px |
| Cysgodion | cysgodion meddal |
| Rhwng adrannau | 48px |
| Lled y dudalen | 1440px |
Bydd AI yn adeiladu eich gwefan yn null Airbnb ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Apple (España) — cas arddangos oriel gwyn
- Silencio — Ystafell wen gydag arteffactau arnofiol. Arddangosfa oriel wedi'i gwneud o bapur cynnes, lle mae pob elfen yn meddiannu ei lle yn erbyn cefndir o gyfaint negyddol, a'r distawrwydd yn benderfyniad dylunio bwriadol.
- Oakâme — Gweithdy Provençal heulog wedi'i gerfio o garreg gynnes
- Nike — Oriel monocrom o gyflawniadau chwaraeon – waliau gwyn, y cynnyrch fel gwaith celf, crôm wedi toddi yn y cefndir
- Arc — oriel wen ddiwydiannol dros ddŵr hanner nos
- Rivian — Monolith trydanol ar wal goncrit yr oriel. Mae Rivian yn cyflwyno pob cerbyd fel cerflun yn erbyn gofod gwyn helaeth, gyda theipograffeg mor fawr fel ei bod yn dod yn elfen bensaernïol, ac un melyn cynnes sy'n torri'r awyrgylch monocromatig, fel golau haul ar arwyneb matte.
- Analogue — Cas arddangos oriel ddu – nwyddau’n hofran yn y gwagle
- ddna — cas arddangos amgueddfa gynnes ar liain heb ei drin
- Zellerfeld — Gweithdy cerflunydd ar farmor gwyn—arwynebau monolithig y pedestal, un wreichionen o gobalt, sibrwd llythrennau bach o'r llawr i'r nenfwd
- UY Studio — Mae oriel garreg y fynachlog yn lle tawel gyda waliau concrit, lle mae poteli persawr yn sefyll ar blinthau gwyn, wedi'u goleuo gan un lamp 400-wat a phedair bylbiau llwyd cynnes.
- Basic.Space — oriel guradurol ar farmor gwyn
- COS — oriel ffasiynol gyda waliau gwyn