Airbnb
Rami balta galerijos siena su vienu koralų raudonumo skirtuku
„Airbnb“ veikia „baltos drobės“ stiliumi, kur fotografija karaliauja: beveik kiekvienas ekranas yra tylus monochrominis rėmelis, leidžiantis viso ekrano objektams perteikti bendrą įspūdį, o vienintelis sodrus koralų raudonumo akcentas („Rausch“) yra vienintelė spalvos užuomina, žyminti veiksmą. Šriftas yra geometrinis be serifų („Airbnb Cereal VF“) – dažniausiai maži, patikimi dydžiai – pagrindiniam tekstui, sąsajai ir skyrių antraštėms (22–22) – su griežtais neigiamais ir dideliais tarpais tarp eilučių, todėl kortelės su tankiu tekstu yra lengvai įskaitomos. Sąsaja yra plokščia, be rėmelio ir apvali: 12–3 spinduliai kortelėse ir valdikliuose, apvalūs tabletės formos mygtukai ir švelnūs, sluoksniuoti šešėliai tik tokiems ryškiems elementams kaip paieškos juosta. Visa kita – kortelės, sąrašo elementai, nuorodos – remiasi balta erdve ir plonomis linijomis, o ne chromo akcentais.
Viso pločio išdėstymas be fiksuoto maksimalaus pločio apribojimo – turinys tęsiasi nuo krašto iki krašto matomoje srityje, o darbalaukio versijoje kiekvienoje pusėje yra maždaug 40 pikselių horizontalios paraštės. Pagrindinis elementas yra plaukiojanti paieškos kapsulė, centruota neutralioje baltoje drobėje be paveikslėlio ar pavadinimo – paieškos juosta YRA pagrindinis elementas. Po paieška puslapis pereina į vertikaliai sudėtas, horizontaliai slenkančias dalis (matomos keturios eilutės: Rekomenduojami namai, Puikūs viešbučiai, Kitas miestas, Laisvas kitą mėnesį), kiekviena maždaug 320 pikselių aukščio, atskirta 48 pikselių vertikaliais tarpeliais. Kiekvienoje dalyje naudojama 7 kortelių tinklelis su horizontaliu perpildymu ir rodyklių naršymu. Poraštė yra 3 stulpelių nuorodų tinklelis fone #f7f7f7, po kuria eina apatinė juosta su autorių teisių informacija, kalbos / valiutos parinktimis ir socialinių tinklų piktogramomis. Navigacija yra fiksuota viršutinė juosta su centruota skirtukų naršymu ir dešinėje lygiuotais valdikliais.
Vizualinėje sistemoje dominuoja fotografija, o pagrindinis turinio tipas yra viso ekrano dydžio nekilnojamojo turto skelbimų vaizdai. Visos nuotraukos yra šiltos, gerai apšviestos tikrų namų ir viešbučių vidaus ir išorės nuotraukos, apdorotos naudojant natūralią spalvų korekciją (be didelių filtrų ar dvitonių tonų). Skelbimų kortelėse vaizdai yra griežtai apkirpti naudojant 1:1 formato santykį, užpildant kortelės kraštą be užlaidų. Visoje sąsajoje esančios piktogramos turi vienspalvį kontūrą (linijos storis ~16–16), kuris naudojamas saikingai naršymo kategorijoms ir vartotojo sąsajos valdikliams. Logotipas yra vienintelis daugiaspalvis grafinis elementas (Rausch). Jokių iliustracijų, jokių 3D vizualizacijų, jokios abstrakčios grafikos – vizualinė kalba yra gryna fotografija ir minimalistinė vienspalvė ikonografija ant švelniai baltos drobės.
Paletė
Prekės ženklas
- Rausch
#ff385c— Raudona spalva naudojama kaip dekoratyvinis akcentas piktogramoms, ženklams ir smulkioms grafinėms detalėms. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti. - Rausch 600
#e00b41— Presuoti ir tamsūs „Rausch“ dažai, skirti naudoti kaip prekės ženklo akcentai ant judančių / aktyvių paviršių.
Neutralus
- Hof
#222222— Pagrindinė dalis, pagrindinis tekstas, antraštės, piktogramų kontūrai ir apverstas fonas yra neutralios spalvos, artimos juodai, kuri yra visos achromatinės sistemos pagrindas. - Foggy
#6a6a6a— Antrinis tekstas, nutildyti titrai, pagalbinis tekstas, išjungtas piktogramų užpildymas ir diskretiški metaduomenys po kortelių pavadinimais. - Grey 500
#c1c1c1— Išjungtas tekstas, vietos rezervavimo tekstas įvesties laukuose ir nutildyta piktograma žymi vietas, kur reikia sumažinti būsenos pabrėžimą. - Bebe
#ebebeb— Plonos rėmeliai, pabraukimai įvesties laukuose, skyrikliai tarp sąrašo eilučių ir subtilios skiriamosios linijos. - Deco
#dddddd— Neaktyvių konteinerių, vietos rezervavimo ženklų ir išjungtų kortelių būsenų kortelių fono paveikslėliai. - Faint
#f7f7f7— Puslapio drobės fono paveikslėlis, poraštės paviršius ir interaktyvių elementų užvedimo būsena yra švelnaus, kreminio atspalvio, kuris išskiria šį puslapį iš grynai baltų kortelių.
Tipografija
nuo 11 iki 28 pikselių · 5 žingsniai
- Airbnb Cereal VF — pakeitimas: Circular · kontūrai 400, 500, 600, 700 · „Airbnb“ sukurtas pasirinktinis geometrinis šriftas be serifų. Pagrindinio teksto dydis – 14 pikselių / 400, vartotojo sąsajos etikečių – 16 pikselių / 500, skyrių antraštių – 20 pikselių / 600, 22 pikselių / 500, o tarpai tarp raidžių – -0,02 em, o puslapių antraštių – 28 pikselių / 700. Neigiamas tarpas tarp raidžių mažėja didėjant dydžiui – tai būdinga geometriniams šriftams be serifų didesniuose ekranuose. Įgalina alternatyvaus glifo funkciją „druska“.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 12px |
| Mygtuko spindulys | 9999px |
| Kortelės spindulys | 12px |
| Šešėliai | švelnūs šešėliai |
| Tarp sekcijų | 48px |
| Puslapio plotis | 1440px |
Dirbtinis intelektas sukurs jūsų svetainę Airbnb stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Apple (España) — balta galerijos vitrina
- Silencio — Baltas kambarys su plaukiojančiais artefaktais. Galerijos ekspozicija, sukurta iš šilto popieriaus, kur kiekvienas elementas užima savo vietą neigiamo tūrio fone, o tyla yra sąmoningas dizaino sprendimas.
- Oakâme — Saulės nutviekstos Provanso dirbtuvės, iškaltos iš šilto akmens
- Nike — Monochrominė sporto pasiekimų galerija – baltos sienos, gaminys kaip meno kūrinys, chromas ištirpęs fone
- Arc — pramoninė balta galerija virš vidurnakčio vandens
- Rivian — Elektrinis monolitas ant galerijos betoninės sienos. Rivian kiekvieną transporto priemonę pristato kaip skulptūrą didžiulės baltos erdvės fone, kurios tipografija tokia didelė, kad ji tampa architektūriniu elementu, o viena šilta geltona spalva pertraukia monochromatinę atmosferą, tarsi saulės šviesa ant matinio paviršiaus.
- Analogue — Juoda galerijos vitrina – prekės kybo tuštumoje
- ddna — šilta muziejaus vitrina ant neapdoroto lino
- Zellerfeld — Skulptoriaus dirbtuvės ant balto marmuro – monolitiniai pjedestalo paviršiai, viena kobalto kibirkštis, mažųjų raidžių šnabždesys nuo grindų iki lubų
- UY Studio — Vienuolyno akmeninė galerija – tai rami erdvė su betoninėmis sienomis, kur ant baltų cokolių stovi kvepalų buteliukai, apšviesti vienos 400 vatų lempos ir keturių šiltų pilkų lempučių.
- Basic.Space — kuratorių galerija ant balto marmuro
- COS — madinga galerija su baltomis sienomis