LUNCH
aksominis podiumas ant šilto pergamento
„PIETŲ KONCEPCIJA“ skamba kaip spausdintas mados straipsnis, perkeltas į internetą: tamsus, viso puslapio pagrindinis nuotraukos elementas, kuriame prekės ženklo logotipas pateikiamas kaip padidintas 3D tekstas su chromo akcentais, po kurio seka rami, katalogą primenanti produktų galerija ant šilto pergamento. Puslapyje kaitaliojasi kinematografiška konfrontacija ir tylus santūrumas – pagrindinis elementas atakuoja, pagrindinė dalis šnabžda. Viena, prislopinta levandų spalva pasirodo tik reklamos eilutėje, būsenoje „Išparduota“ ir poraštėje, tarnaudama kaip prekės ženklo pareiškimas, o ne šūksnis. Vienas, firminis šriftas be serifų („Good Sans“) naudojamas daugiausia nedideliais dydžiais, o pagrindinis logotipas yra vienintelis tipografinio reginio momentas. Sąveika vyksta tik per teksto nuorodas: nėra užpildytų mygtukų, nėra gradientų, nėra dekoratyvinio chromo, išskyrus pagrindinio elemento 3D logotipą.
Didžiausias plotis ~1280 pikselių centruotoms turinio sekcijoms; puslapio pavadinimas apima visą puslapio plotį nuo krašto iki krašto. Puslapio ritmas: tamsus puslapio pavadinimas, apimantis visą puslapio plotį (peržiūros srities aukštį) → centruotas įžanginis tekstas tamsiame fone → 4–5 stulpelių produktų tinklelis tame pačiame fone → alyvinės spalvos poraštės juostelė. Navigacija yra kaip plona teksto juostelė virš puslapio pavadinimo (šviesus tekstas tamsiame fone) ir virš įžanginio teksto (tamsus tekstas šviesiame fone). Produktų tinklelis yra tankaus išdėstymo su vidiniu lygiavimu, be įtraukų tarp vaizdų ar vizualinio atskyrimo. Įžanginis tekstas yra siauras, centruotas stulpelis (~600–700 pikselių) su didele vertikalia erdve (60–80 pikselių) virš ir apačioje. Bendras tankis: erdvus redakcinėse sekcijose, suspaustas produktų tinklelyje.
Dizaine dominuoja redakcinė mados fotografija: pagrindiniame paveikslėlyje – tamsios, didelio kontrasto modelių nuotraukos (niūrus studijinis apšvietimas, avangardinis stilius – raudoni odiniai korsetai, languoti pledai, ryškios pozos), o tinklelyje – ryškios gaminių / įvaizdžio albumo nuotraukos plokščiame, neutraliame fone (modeliai ir gaminiai fotografuojami šviesiai pilkame / baltame fone, be gyvenimo būdo konteksto). Vaizdai turi ryškius kraštus, nulinį spindulį ir yra glaudžiai sulygiuoti su gretimais tinklelio vaizdais. Pagrindinis vaizdas užima visus keturis peržiūros srities kraštus, o objektą perdengia 3D chromuotas logotipas. Tinklelyje esantys gaminių vaizdai išlaiko pastovų aukščio ir pločio santykį visoje eilutėje. Nėra jokių iliustracijų ar piktogramų, išskyrus minimalią tekstinę navigaciją. Vizualinė kalba yra tokia: fotografuokite gerai, apkirpkite ryškiai ir tegul nuotrauka būna prekės ženklo veidas.
Paletė
Prekės ženklas
- Lilac Veil
#b8aad0— Violetinis užpildas fono paryškinimams, dekoratyvinėms juostelėms ir švelniam akcentui už turinio.
Neutralus
- Ink Black
#000000— Visas pagrindinis tekstas, naršymo tekstas, nuorodų rėmeliai, kortelių rėmeliai ir piktogramų rėmeliai sudaro visos sąsajos struktūrinę liniją. - Warm Parchment
#f4f1e4— Redakcijos / produktų srities puslapių ir skyrių fonas yra ramus, ant kurio patalpintos produktų nuotraukos. - Ivory Mist
#fcfaf1— Navigacijos teksto spalva virš tamsaus pagrindinio elemento, subtilus tekstūros atspalvis ir subtilios rėmeliai suteikia šiltesnę alternatyvą grynai baltai spalvai vartotojo sąsajos tamsiojoje dalyje.
Tipografija
nuo 12 iki 72 pikselių · 5 žingsniai
- Good Sans — pakeitimas: Söhne · kontūrai 400, 700 · Universalus šriftas navigacijai, pagrindiniam tekstui, produktų metaduomenims, nuorodoms ir visam vartotojo sąsajos tekstui. Dvigubo storio sistema (įprastas 400 pagrindiniam tekstui / antraštėms, paryškintas 700 prekių ženklų pavadinimams, kainoms ir paryškinimams) sukuria hierarchiją nedidinant dydžio. Beveik nulinis teigiamas raidžių tarpas daro jį labiau redakcinio, o ne geometrinio pobūdžio.
- Redaction — pakeitimas: GT Sectra Display Bold · kontūrai 700 · Tik pagrindiniam tekstui – tai pasirinktinis šriftas dideliam, chromuotam tekstui „LUNCH“, kuris yra viso ekrano pagrindinio teksto pagrindas. Jis naudojamas tik vieną kartą puslapyje; tai tipografinis parašas, o ne daugkartinio naudojimo komponentas.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 20-30px |
| Mygtuko spindulys | 0px |
| Kortelės spindulys | 0px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 60-80px |
| Puslapio plotis | 1280px |
Dirbtinis intelektas sukurs jūsų svetainę LUNCH 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
- MindMarket — Jauki pasakų knyga ant kreminio popieriaus – draugiška redakcinė drobė, kurioje saulės nutviekstame, minkštame, lyg lipdukas, paviršiuje susijungia didelės „Inter“ antraštės ir iškirpti popieriniai personažai.
- Lamborghini — Juoda kėbulo spalva salone, prožektorių šviesoje – vienas geltonas automobilis
- amp — Šilta oranžinė spalva vėsiame baltame fone. Dizainas primena aukščiausios kokybės fitneso produktą, nufotografuotą saulės nutviekstame palėpėje: vienas daiktas, vienas akcentas, vienas užtikrintas šriftas, kuris atlieka visą darbą.
- IKEA — saulės nutviekstame švediškų baldų salone išardytoje formoje
- Microsoft — Mažmeninės prekybos kataloge naudojama firminė mėlyna spalva – įsivaizduokite kvadratinį logotipą ant baltų salono grindų, kur kiekvienas dizaino elementas yra mėlynos spalvos.
- Vibrants — „Skyborne“ vaistinė ant balto marmuro – tamsiai mėlynas rašalas yra skiedinys, o vaivorykštės spektras – vaistai
- Isla Beauty — Kreminis vaistinės stilius su chirurginės raudonos spalvos akcentais – įsivaizduokite šiltas pergamentines sienas, gintaro butelius ir po vieną raudoną antspaudą ant kiekvienos etiketės.
- Swap — „Mint Editorial Gallery“: šviesūs šalavijų atspalviai kambariuose su ryškiais citrinmedžio akcentais ir subtiliais serifais
- Cursor — Jauki pergamentų dirbtuvė, apšviesta rusenančių žarijų
- Structured — Renesanso galerija ant plastilino tipo popieriaus
- Apple (España) — Muziejaus galerija, švelniai dienos šviesoje, yra vientisa, žavi, nesvari balta erdvė, kurioje kiekvienas eksponatas apšviestas prožektoriaus šviesa prie švelniai tamsintos sienos.
- Amplemarket — Saulės nutvieksta darbovietė, nusėta konfeti