Telegram, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukrazvijalecRazvoj orodij umetne inteligence za podjetja. Visokokakovostno. Cenovno ugodno.Piši na Telegram
Le Puzz – predogled spletnega mesta v tem slogu

Le Puzz

Sunny Sunday Circular je tabloid, poln skrivnosti.

Le Puzz je maksimalističen sistem e-trgovine za butične trgovine, zgrajen na dvobarvni osnovi: bogata, satju podobna rumena barva v kombinaciji s čisto črno barvo na hladnem, biserno sivem ozadju. Njegov slog je križanec med starinskim časopisom in sestavljanko: besedilo je v serifni pisavi Times, naslovi pa v pisavi po meri Times Now, s čimer se namerno odmika od tradicionalnih konvencij e-trgovine, ki se opirajo na brezserifne pisave. Sam vmesnik je preprost in zasnovan na mreži, kar omogoča, da vizualni učinek prenese embalaža izdelka (goste, ilustrirane kompozicije, polne igrač). Upravljanje vmesnika je precej robustno: gumbi s črnim robom na rumenem ozadju, ikone v obliki tablet, kartice s polmerom 12 slikovnih pik in velikodušen razmik med črkami za male velike črke, kar daje celo gumbu»HITRO DODAJ« uredniški pridih.

Klasična mreža za e-trgovino z značilnim uredniškim dizajnom. Glava je rumen satjast trak s črnim robom širine 1, ki vsebuje logotip na sredini in dodatno vrsto navigacijskih gumbov. Spodaj, nad mrežo s tremi stolpci izdelkov na sivem ozadju, je centrirana pozdravna glava v pisavi Times Now. Glavni element je centriran blok s fotografijami z zaobljenimi vogali (40), ki ga obdajata dve kartici izdelkov. Ritem razdelkov je ohranjen: veliko navpičnega prostora (30), izmenične rumene in sive površine ter največja širina približno 4,5 cm, centrirano na strani. Kartice izdelkov so enake velikosti in razporejene v lični mreži s tremi stolpci s 5 cm razmiki. Postavitev je simetrična in povezana z mrežo – brez asimetričnih kompozicij ali prekrivajočih se elementov.

Vizualni element je fotografija izdelkov. Škatle sestavljank so fotografirane v celoti na belem/nevtralnem ozadju, nato pa postavljene na toplo modro ali naravno studijsko kuliso. Glavna slika prikazuje osebo, ki drži več škatel sestavljank – predmet življenjskega sloga, posnet z lahkotno energijo. Embalaža sama je bogata, ilustrativna in maksimalistična: množica igrač, živil in likov v svetlih osnovnih barvah z debelimi črnimi obrisi, zasnovana tako, da je videti kot ilustracija otroške knjige, raztresena po sestavljanki s 500 kosi. Brez abstraktne grafike, brez 3D-upodobitev, brez ikonografije razen enega samega povečevalnega stekla – same sestavljanke so vizualni jezik.

Paleta

Blagovna znamka

  • Honeycomb Yellow #ffd931 — Primarna barva blagovne znamke, naslovna vrstica, glavni gumbi za dejanja, aktivno stanje navigacije, barva podčrtane povezave, poudarjeno polnilo – enotna barvna nota, okoli katere se vrti vse ostalo.

Nevtralno

  • Carbon Black #000000 — Glavno besedilo, debeli robovi, obrisi gumbov, obrisi ikon in navigacijsko besedilo so strukturna osnova celotnega sistema.
  • Ink Black #231f20 — Sekundarno besedilo, primarno besedilo, obrobe gumbov, obrobe vnosnih polj - nekoliko toplejša, skoraj črna barva za mehkejši občutek.
  • Pearl Gray #c8cbcd — Platno strani, ozadja kartic izdelkov, presenetljiv oder, kjer se pojavljajo rumene in črne barve.
  • Fog Gray #a6a8aa — Umirjene površine značk, ozadja sekundarnih čipov in subtilna polnila uporabniškega vmesnika.
  • Smoke Line #d6d6d6 — Tanke pregrade, diskretne pregrade za mize/kartice.

Tipografija

od 11 do 47 slikovnih pik · 6 korakov

  • Times Now — zamenjava: Playfair Display · obrisi 100, 400 · Serifna pisava za naslove in podnaslove – uporablja se za glavne naslove, imena izdelkov in naslove razdelkov. Ultralahka pisava velikosti 100 točk z razmikom med vrsticami 47 slikovnih pik ustvarja visok, skoraj zgoščen uredniški občutek; zgoščene oblike črk (višina vrstic 0,87–0,90) omogočajo, da so veliki naslovi postavljeni blizu spremnega besedila, kar posnema tiskani plakat.
  • Times — zamenjava: Times New Roman · obrisi 400 · Serifno besedilo je nepričakovana izbira za spletno trgovino, saj daje celotnemu spletnemu mestu literarni, kataloški občutek. Majhen razmik med vrsticami (1,15) naredi odstavke kompaktne in berljive.
  • Helvetica Neue — zamenjava: Helvetica · obrisi 100, 400 · Majhno besedilo v uporabniškem vmesniku, besedilo na gumbih in mikrobesedilo so nastavljeni v pisavi velikosti 11px z velikim razmikom med črkami (0,0730em), kar ustvarja občutek pisanja z velikimi tiskanimi črkami tudi pri ugodni telesni temperaturi.

Intervali in oblika

NamenPomen
Gostotagosta
Osnovni korak15px
Polmer gumba12px
Polmer kartice12px
Sencene - obrobe namesto senc
Med odseki30-40px
Širina strani1200px

Umetna inteligenca bo zgradila vašo spletno stran v slogu Le Puzz in jo napolnila

  • Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
  • Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
  • Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
  • Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.

Podobni slogi

  • Agence Foudre — Naslovnica revije je nežno roza barve, ki spominja na šminko.
  • INVERSA — Topografski terminal ob polnoči. Temna komandna plošča, kjer so na satelitskih slikah Zemlje, vsaka označena kot enobarvna, naneseni ogromna uredniška pisava in ena sama plast neonsko zelenih markerjev, kot da bi brali koordinate misije.
  • Acne Studios — Minimalističen galerijski prostor, poln živahnih fotografij – modna revija, razstavljena na marmorju
  • GTE — Trgovski terminal za galerijsko razsvetljavo
  • Diabla — Mediteransko dvorišče opoldne – od sonca obledele rožnate stene, ena živo rdeča platnena tenda in naslovi uredniških časopisov z rezanimi črkami, ki se raztezajo po nebu.
  • Subset — Uredniški butik iz surovega lana
  • Cursor — Prijetna pergamentna delavnica, osvetljena s tlečim žerjavom
  • MindMarket — Prijetna pravljična knjiga na krem papirju - prijazno uredniško platno, kjer na soncu prepojeni, kot nalepke mehki površini sobivajo veliki naslovi Interja in izrezani papirnati liki.
  • Lamborghini — Črna barva karoserije v razstavnem salonu, pod žarometi - en rumen avto
  • Amplemarket — S soncem obsijano delovno mesto, posuto s konfeti
  • Getharvest — Pisalna miza v zlati uri – toplo kremno platno, na platnu obešene bele razglednice in en sam svetlo oranžen plamen
  • Drive Capital — Retro plakat za potovanje z avtomobilom na toplem papirju