Telegram, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukprogramerRazvoj AI alata za preduzeća. Visokokvalitetni. Pristupačni.Pišite na Telegram
Le Puzz — pregled stranice u ovom stilu

Le Puzz

Sunny Sunday Circular je tabloid pun misterija.

Le Puzz je maksimalistički sistem e-trgovine za butike, izgrađen na dvobojnoj osnovi: bogata, žuta boja nalik saću, uparena sa čisto crnom, na hladnoj, biserno sivoj pozadini. Njegov stil je mješavina vintage novina i slagalice: glavni tekst je u serifnom fontu Times, dok su naslovi u prilagođenom fontu, Times Now, namjerno kršeći tradicionalne konvencije e-trgovine koje se oslanjaju na sans-serifne fontove. Sam interfejs je jednostavan i zasnovan na mreži, što omogućava da se vizuelni uticaj prenese kroz pakovanje proizvoda (guste, ilustrovane kompozicije ispunjene igračkama). Kontrole interfejsa su prilično robusne: dugmad sa crnim okvirom na žutoj pozadini, ikone u obliku tableta, kartice sa radijusom od 12px i velikodušan razmak između slova za mala slova, što čak i dugmetu "BRZO DODAVANJE" daje urednički štih.

Klasična mreža za e-trgovinu s prepoznatljivim uredničkim dizajnom. Zaglavlje je žuta saćasta traka s crnim okvirom širine 1, koja sadrži centriran logotip i dodatni red navigacijskih dugmadi. Ispod, iznad mreže s tri stupca proizvoda na sivoj pozadini, nalazi se centriran zaglavlje dobrodošlice u fontu Times Now. Glavni element je centriran blok fotografija sa zaobljenim uglovima (40), okružen s dvije kartice proizvoda. Ritam odjeljaka je zadržan: dovoljno vertikalnog prostora (30), naizmjenične žute i sive površine i maksimalna širina od približno 4,5 cm, centrirane na stranici. Kartice proizvoda su iste veličine i raspoređene u urednu mrežu s tri stupca s razmacima od 5 cm. Raspored je simetričan i vezan za mrežu - bez asimetričnih kompozicija ili preklapajućih elemenata.

Vizualni element je fotografija proizvoda. Kutije slagalica su fotografisane u cijelosti na bijeloj/neutralnoj pozadini, a zatim postavljene na toplu plavu ili prirodnu studijsku pozadinu. Glavna slika prikazuje osobu koja drži nekoliko kutija slagalica - predmet životnog stila, snimljen s lakoćom energije. Samo pakovanje je bogato, ilustrativno i maksimalističko: mnoštvo igračaka, prehrambenih proizvoda i likova u jarkim osnovnim bojama s debelim crnim obrisima, dizajniranih da izgledaju kao ilustracija dječje knjige razasuta po slagalici od 500 dijelova. Nema apstraktne grafike, nema 3D rendera, nema ikonografije osim jednog povećala - same slagalice su vizualni jezik.

Paleta

Brend

  • Honeycomb Yellow #ffd931 — Primarna boja brenda, naslovna traka, primarni akcijski dugmad, aktivno stanje navigacije, boja podvlačenja linka, akcentno ispunjavanje - jedna boja oko koje se sve ostalo vrti.

Neutralno

  • Carbon Black #000000 — Glavni tekst, debeli okviri, obrisi dugmadi, obrisi ikona, tekst za navigaciju čine strukturnu osnovu cijelog sistema.
  • Ink Black #231f20 — Sekundarni tekst, primarni tekst, okviri dugmadi, okviri polja za unos - nešto toplija, gotovo crna boja za mekši osjećaj.
  • Pearl Gray #c8cbcd — Platno stranice, pozadine kartica proizvoda, upečatljiva pozornica na kojoj se pojavljuju žuta i crna boja.
  • Fog Gray #a6a8aa — Prigušene površine znački, pozadine sekundarnih čipova i suptilne ispune korisničkog interfejsa.
  • Smoke Line #d6d6d6 — Tanke pregrade, diskretne pregrade za stolove/kartice.

Tipografija

od 11 do 47px · 6 koraka

  • Times Now — zamjena: Playfair Display · obrisi 100, 400 · Serifni font za naslove i podnaslove – koristi se za glavne naslove, nazive proizvoda i naslove odjeljaka. Ultra lagani font od 100 bodova s razmakom od 47 piksela stvara visok, gotovo sažet urednički osjećaj; sažeti oblici slova (visina reda od 0,87–0,90) omogućavaju postavljanje velikih naslova blizu pratećeg teksta, oponašajući štampani poster.
  • Times — zamjena: Times New Roman · obrisi 400 · Serifni tekst je neočekivan izbor za online trgovinu, dajući cijeloj stranici književni, kataloški osjećaj. Mali prored između redova (1,15) čini paragrafe kompaktnim i čitljivim.
  • Helvetica Neue — zamjena: Helvetica · obrisi 100, 400 · Sitni tekst u korisničkom interfejsu, tekst na dugmadima i mikrotekst su postavljeni u fontu od 11px s velikim razmakom između slova (0,0730em), što stvara osjećaj pisanja velikim slovima čak i pri ugodnoj tjelesnoj temperaturi.

Intervali i forma

SvrhaZnačenje
Gustoćagust
Osnovni korak15px
Radijus dugmeta12px
Radijus kartice12px
Sjenene - okviri umjesto sjena
Između sekcija30-40px
Širina stranice1200px

Vještačka inteligencija će izgraditi vašu web stranicu u Le Puzz stilu i popuniti je

  • Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
  • Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
  • Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
  • Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.

Slični stilovi

  • Agence Foudre — Naslovna stranica časopisa je nježno ružičaste boje koja podsjeća na ruž za usne.
  • INVERSA — Topografski terminal u ponoć. Tamna komandna ploča, gdje su masivni font za uređivanje i jedan sloj neonsko-zelenih markera postavljeni na satelitske snimke Zemlje, svaki označen kao monokromatski, kao da očitavaju koordinate misije.
  • Acne Studios — Minimalistički galerijski prostor ispunjen živopisnim fotografijama - modni časopis postavljen na mramoru
  • GTE — Trgovački terminal iza galerijske rasvjete
  • Diabla — Mediteransko dvorište u podne – izblijedjeli ružičasti zidovi od sunca, jedna jarko crvena platnena tenda i naslovi uredničkih redakcija sa serifnim slovima protežu se preko neba.
  • Subset — Urednički butik napravljen od sirovog lana
  • Cursor — Ugodna radionica za pergament, osvijetljena tinjajućim ugljem
  • MindMarket — Ugodna bajkovita knjiga na krem papiru - prijateljsko uredničko platno gdje veliki naslovi Intera i izrezani likovi od papira koegzistiraju na suncem okupanoj, mekoj površini poput naljepnice.
  • Lamborghini — Crna boja karoserije u salonu, pod reflektorima - jedan žuti automobil
  • Amplemarket — Suncem okupano radno mjesto posuto konfetima
  • Getharvest — Radni sto u zlatnom satu – toplo krem platno, bijele razglednice obješene na platnu i jedan jarko narandžasti plamen
  • Drive Capital — Retro poster za putovanje automobilom na toplom papiru