Le Puzz
Sunny Sunday Circular misterioz betetako tabloide bat da.
Le Puzz boutique dendetako merkataritza elektroniko maximalista sistema bat da, bi tonuko oinarri batean eraikia: ezti-orratz itxurako hori aberatsa beltz hutsarekin konbinatuta, perla-gris hondo baten gainean. Bere estiloa egunkari zaharren eta puzzlearen arteko nahasketa da: testuaren gorputza Times serif letra-tipoan dago, eta titularrak, berriz, Times Now letra-tipo pertsonalizatu batean, nahita hautsiz sans-serif letra-tipoetan oinarritutako merkataritza elektronikoaren ohiko konbentzioekin. Interfazea bera sinplea eta sareta-oinarritua da, produktuaren ontziak eragin bisuala transmititzeko aukera emanez (jostailuz betetako konposizio trinko eta ilustratuak). Interfazearen kontrolak nahiko sendoak dira: ertz beltza duten botoiak atzealde horian, pilula itxurako ikonoak, 12px-ko erradioa duten txartelak eta maiuskula txikietarako letren arteko tarte zabala, eta horrek "GEHITU AZKARRA" botoiari ere ukitu editoriala ematen dio.
Merkataritza elektronikoko sareta klasiko bat, diseinu editorial bereizgarria duena. Goiburua ezti-orratz itxurako zerrenda hori bat da, zabalera 1eko ertz beltz batekin, erdian dagoen logotipo bat eta nabigazio-botoien ilara gehigarri bat dituena. Jarraian, atzealde gris batean dauden hiru zutabeko produktuen sareta baten gainean, Times Now letra-tipoko ongietorri goiburu erdian dago. Elementu nagusia ertz biribilduak dituen argazki-bloke erdian dago (40), bi produktu-txartelek inguratuta. Atalen erritmoa mantentzen da: espazio bertikal zabala (30), gainazal horiak eta grisak txandakatuz, eta gehienez 4,5 cm-ko zabalera gutxi gorabehera, orrialdean erdian. Produktu-txartelak tamaina berekoak dira eta hiru zutabeko sareta txukun batean antolatuta daude, 5 cm-ko tarteekin. Diseinua simetrikoa da eta saretari lotuta dago; ez dago konposizio asimetrikorik edo elementu gainjarririk.
Elementu bisuala produktuen argazkilaritza da. Puzzle kaxen argazkiak atzealde zuri/neutro baten aurrean atera dira, eta ondoren estudioko atzealde urdin bero edo natural baten aurrean jarri dira. Irudi nagusian pertsona bat agertzen da hainbat puzzle kaxa eskuetan dituela —bizimodu objektu bat, ahaleginik gabeko energiaz harrapatua—. Ontziak berak aberatsak, ilustratiboak eta maximalistak dira: jostailu, elikagai eta pertsonaia ugari, kolore primario distiratsuetan, ertz beltz lodiekin, haurrentzako liburuko ilustrazio baten itxura izateko diseinatuta, 500 piezako puzzle batean barreiatuta. Ez grafiko abstrakturik, ez 3D renderizaziorik, ez ikonografiarik lupa bakarra izan ezik —puzzleak berak dira hizkuntza bisuala.
Paleta
Marka
- Honeycomb Yellow
#ffd931— Markaren kolore nagusia, titulu-barra, ekintza-botoi nagusiak, nabigazioaren egoera aktiboa, estekaren azpimarrapenaren kolorea, azentu-betegarria —gainerako guztiaren inguruan biratzen den kolore-ohar bakarra.
Neutroa
- Carbon Black
#000000— Testu nagusia, ertz lodiak, botoien eskemak, ikonoen eskemak eta nabigazio-testua dira sistema osoaren oinarri estrukturala. - Ink Black
#231f20— Bigarren mailako testua, lehen mailako testua, botoien ertzak, sarrera-eremuen ertzak - kolore beroagoa, ia beltza, sentsazio leunagoa lortzeko. - Pearl Gray
#c8cbcd— Orrialdearen mihisea, produktuaren txartelaren atzeko planoak, kolore horiak eta beltzak agertzen diren eszenatoki deigarria. - Fog Gray
#a6a8aa— Txapa gainazal leunak, bigarren mailako txipen atzeko planoak eta erabiltzaile interfazearen betegarri sotilak. - Smoke Line
#d6d6d6— Banatzaile meheak, mahai/txartelen banatzaile diskretuak.
Tipografia
11tik 47px-ra · 6 urrats
- Times Now — ordezkapena: Playfair Display · eskemak 100, 400 · Izenburu eta azpitituluetarako serif letra-tipoa —izenburu nagusietarako, produktuen izenetarako eta atalen izenburuetarako erabiltzen da. 47 pixeleko tartearekin 100 puntuko letra-tipo ultra-arinak altuera editorialeko ia trinkotua sortzen du; letra-forma trinkotuek (0,87-0,90eko lerro-altuera) izenburu handiak testu osagarritik gertu kokatzea ahalbidetzen dute, inprimatutako poster bat imitatuz.
- Times — ordezkapena: Times New Roman · eskemak 400 · Serif testuaren gorputza aukera ezohikoa da online denda baterako, gune osoari katalogo baten antzeko kutsua ematen baitio. Lerroarteko tarte txikiak (1,15) paragrafoak trinkoagoak eta irakurterrazagoak bihurtzen ditu.
- Helvetica Neue — ordezkapena: Helvetica · eskemak 100, 400 · Erabiltzaile interfazeko testu txikia, botoietako testua eta mikrotestua 11px-ko letra-tipoan daude ezarrita, letra-tarte handiarekin (0.0730em), eta horrek letra larriz idaztearen sentsazioa sortzen du, gorputzaren tenperatura erosoa izan arren.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 15px |
| Botoiaren erradioa | 12px |
| Txartelaren erradioa | 12px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 30-40px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Le Puzz estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Agence Foudre — Aldizkariaren azala arrosa leuneko kolorekoa da, ezpainetakoa gogorarazten duena.
- INVERSA — Gauerdiko eremu topografikoko terminal bat. Aginte-panel ilun bat, non letra-tipo editorial erraldoia eta neon berde koloreko markatzaile geruza bakarra Lurraren satelite-irudien gainean gainjarrita dauden, etiketa bakoitza monokromoa, misioaren koordenatuak irakurtzen ariko balira bezala.
- Acne Studios — Argazki biziz betetako galeria minimalista bat — marmolezko gainean jarritako moda aldizkari bat
- GTE — Galeriako argiztapenaren atzean dagoen merkataritza-terminala
- Diabla — Mediterraneoko patio bat eguerdian – eguzkiak koloreztatutako horma arrosa, mihise gorri distiratsuko toldo bat eta zeruan zehar hedatzen diren editorialeko izenburu serifeak.
- Subset — Liho gordinaz egindako erredakzio-boutiquea
- Cursor — Pergamino tailer eroso bat, ikatz ketsuek argiztatuta
- MindMarket — Krema koloreko paperean idatzitako ipuin-liburu erosoa - mihise editorial atsegina, non Inter aldizkariko izenburu handiak eta moztutako paper-pertsonaiak eguzkiz blaitutako gainazal leun eta itsasgarri batean bizi diren.
- Lamborghini — Karrozeria beltza erakusleihoan, fokuen azpian - auto hori bat
- Amplemarket — Eguzkiz blaitutako lantokia konfetiz beteta
- Getharvest — Urrezko orduko mahaia – krema koloreko mihise epela, mihise gainean zintzilik dauden postal zuriak eta laranja koloreko sugar distiratsu bakarra
- Drive Capital — Errepideko bidaia retroaren posterra paper epelean