Le Puzz
Sunny Sunday Circular este un tabloid plin de mistere.
Le Puzz este un sistem de comerț electronic maximalist pentru magazine tip boutique, construit pe o bază bicoloră: un galben bogat, asemănător fagurelui, combinat cu negru pur, pe un fundal rece, gri-perlat. Stilul său este o combinație între un ziar vintage și un puzzle: corpul textului este scris cu fonturi serif Times, în timp ce titlurile sunt scrise cu un font personalizat, Times Now, rupând în mod deliberat convențiile tradiționale de comerț electronic care se bazează pe fonturi sans-serif. Interfața în sine este simplă și bazată pe grilă, permițând ca impactul vizual să fie transmis prin ambalajul produsului (compoziții dense, ilustrate, pline de jucării). Comenzile interfeței sunt destul de robuste: butoane cu o bordură neagră pe un fundal galben, pictograme în formă de pastilă, carduri cu o rază de 12px și o spațiere generoasă între litere pentru majuscule mici, ceea ce conferă chiar și butonului „ADAUGAȚI RAPID” un aer editorial.
O grilă clasică de comerț electronic cu un design editorial distinctiv. Antetul este o bandă galbenă în formă de fagure de miere cu o bordură neagră de 1 lățime, care găzduiește un logo centrat și un rând suplimentar de butoane de navigare. Mai jos, deasupra unei grile de produse pe trei coloane pe fundal gri, se află un antet de bun venit centrat, cu fontul Times Now. Elementul principal este un bloc foto centrat, cu colțuri rotunjite (40), flancat de două fișe de produs. Ritmul secțiunilor este menținut: spațiu vertical amplu (30), suprafețe alternante galbene și gri și o lățime maximă de aproximativ 4,5 cm, centrate pe pagină. Fișele de produs au aceeași dimensiune și sunt aranjate într-o grilă îngrijită pe trei coloane, cu spații de 5 cm. Aspectul este simetric și legat de grilă - fără compoziții asimetrice sau elemente suprapuse.
Elementul vizual este fotografia de produs. Cutiile puzzle sunt fotografiate complet pe un fundal alb/neutru, apoi plasate pe un fundal de studio albastru cald sau natural. Imaginea principală prezintă o persoană care ține mai multe cutii puzzle - un obiect de lifestyle, surprins cu o energie naturală. Ambalajul în sine este bogat, ilustrativ și maximalist: o multitudine de jucării, produse alimentare și personaje în culori primare strălucitoare, cu contururi negre groase, concepute să arate ca o ilustrație de carte pentru copii, împrăștiate pe un puzzle de 500 de piese. Fără grafică abstractă, fără randări 3D, fără iconografie în afară de o singură lupă - puzzle-urile în sine sunt limbajul vizual.
Paletă
Marca
- Honeycomb Yellow
#ffd931— Culoarea principală a mărcii, bara de titlu, butoanele de acțiune principale, starea activă a navigării, culoarea de subliniere a linkurilor, umplerea accentului - nota unică de culoare în jurul căreia se învârte totul.
Neutru
- Carbon Black
#000000— Textul principal, chenarele groase, contururile butoanelor, contururile pictogramelor și textul de navigare reprezintă baza structurală a întregului sistem. - Ink Black
#231f20— Text secundar, text principal, marginile butoanelor, marginile câmpurilor de introducere - o culoare puțin mai caldă, aproape neagră, pentru o senzație mai delicată. - Pearl Gray
#c8cbcd— Pânză de pagină, fundaluri pentru fișe de produs, o scenă izbitoare în care apar culorile galben și negru. - Fog Gray
#a6a8aa— Suprafețe discrete ale insignelor, fundaluri secundare cu cipuri și umpluturi subtile ale interfeței utilizator. - Smoke Line
#d6d6d6— Separatoare subțiri, separatoare discrete pentru masă/cărți de vizită.
Tipografie
de la 11 la 47px · 6 pași
- Times Now — înlocuire: Playfair Display · contururi 100, 400 · Un font serif pentru titluri și subtitluri - utilizat pentru titlurile principale, numele produselor și titlurile secțiunilor. Fontul ultra-ușor de 100 de puncte, cu un pas de 47 de pixeli, creează o senzație editorială înaltă, aproape condensată; formele condensate ale literelor (înălțimea liniilor de 0,87–0,90) permit poziționarea titlurilor mari aproape de textul însoțitor, imitând un poster tipărit.
- Times — înlocuire: Times New Roman · contururi 400 · Textul cu caractere serif este o alegere neașteptată pentru un magazin online, conferind întregului site un aspect literar, asemănător unui catalog. Spațierea mică a rândurilor (1,15) face ca paragrafele să fie compacte și ușor de citit.
- Helvetica Neue — înlocuire: Helvetica · contururi 100, 400 · Textul mic din interfața cu utilizatorul, textul de pe butoane și microtextul sunt setate cu font de 11px cu o spațiere mare între litere (0,0730em), ceea ce creează senzația de scriere cu majuscule chiar și la o temperatură confortabilă a corpului.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 15px |
| Raza butonului | 12px |
| Raza cardului | 12px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 30-40px |
| Lățimea paginii | 1200px |
Inteligența artificială vă va construi site-ul web în stilul Le Puzz și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Agence Foudre — Coperta revistei este o culoare roz pal, care amintește de ruj.
- INVERSA — Un terminal topografic de teren la miezul nopții. Un panou de comandă întunecat, unde fonturile editoriale masive și un singur strat de markeri verzi neon sunt suprapuse peste imagini din satelit ale Pământului, fiecare etichetă fiind monocromă, ca și cum ar citi coordonatele misiunii.
- Acne Studios — Un spațiu minimalist de galerie plin de fotografii vibrante - o revistă de modă așezată pe marmură
- GTE — Terminal comercial în spatele iluminatului galeriei
- Diabla — O curte mediteraneană la amiază – pereți roz, decolorați de soare, o copertină din pânză roșu aprins și titluri editoriale cu serife întinse pe cer.
- Subset — Butic editorial din in brut
- Cursor — Un atelier de pergament confortabil, luminat de cărbuni fumegând
- MindMarket — O carte de basm confortabilă pe hârtie crem - o pânză editorială prietenoasă unde titluri mari din Inter și personaje decupate din hârtie coexistă pe o suprafață scăldată în soare, moale ca un autocolant.
- Lamborghini — Culoarea neagră a caroseriei în showroom, sub spoturi - o mașină galbenă
- Amplemarket — Un loc de muncă scăldat în soare, presărat cu confetti
- Getharvest — Un birou la ora aurie – o pânză crem caldă, cărți poștale albe atârnate pe pânză și o singură flacără portocalie strălucitoare
- Drive Capital — Afiș retro pentru călătorii rutiere pe hârtie caldă