LUNCH
belusezko podiuma pergamino epelaren gainean
BAZKARIKO KONTZEPTUA webera itzulitako moda editorial inprimatu baten antzera irakurtzen da: orrialde osoko argazki-elementu nagusi ilun bat, non markaren logotipoa kromo azentudun 3D testu handitu gisa aurkezten den, eta ondoren, pergamino epel batean dagoen produktuen galeria lasai eta katalogo itxurakoa. Orrialdeak zinematografia-konfrontazioaren eta lasaitasun-neurriaren artean txandakatzen da: elementu nagusiak erasotzen du, atal nagusiak xuxurlatzen du. Izpiliku kolore bakar eta isila iragarki-lerroan, "Agortuta" egoeran eta oin-oinean bakarrik agertzen da, markaren adierazpen gisa balioz, oihu gisa baino gehiago. Sans-serif letra-tipo bereizgarri bakarra (Good Sans) erabiltzen da batez ere tamaina apalean, eta logotipo nagusia da ikuskizun tipografikoaren une bakarra. Elkarrekintza testu-loturen bidez soilik gertatzen da: ez botoi beterik, ez gradienterik, ez kromo apaingarririk, elementu nagusiaren 3D logotipoa izan ezik.
Gehienezko zabalera ~1280px erdiko eduki-ataletarako; orrialdearen izenburuak orrialdearen zabalera osoa hartzen du ertzetik ertzera. Orrialdearen erritmoa: orrialdearen zabalera osoa hartzen duen izenburu iluna (ikuspegi-leihoaren altuera) → sarrera-testu zentratua atzeko plano ilun batean → 4-5 zutabeko produktu-sareta atzeko plano berean → lila koloreko oin-zerrenda. Nabigazioa orrialdearen izenburuaren gainean (testu argia atzeko plano ilun batean) eta sarrera-testuaren gainean (testu iluna atzeko plano argi batean) dagoen testu-zerrenda mehe gisa kokatzen da. Produktu-saretak diseinu trinkoa du, barne-lerrokadurarekin, irudien arteko koskarik edo bereizketa bisualik gabe. Sarrera-testua zutabe estu eta zentratua da (~600-700px), gainean eta azpian tarte bertikal zabalarekin (60-80px). Dentsitate orokorra: zabala atal editorialetan, produktu-saretan konprimituta.
Moda-argazkilaritza editoriala da nagusi diseinuan: irudi nagusiak modeloen argazki ilun eta kontraste handikoak ageri dira (estudioko argiztapen iluna, estilo abangoardista —larruzko kortse gorriak, koadrodun tartak, jarrera deigarriak—), eta saretak produktuen/lookbook-aren argazki garbiak ageri dira, atzealde lau eta neutro baten aurrean (modeloak eta produktuak atzealde gris/zuri argi baten aurrean ateratzen dira argazkiak, bizimoduaren testuingururik gabe). Irudiek ertz garbiak dituzte, zero erradioa, eta saretako ondoko irudiekin lerrokatuta daude. Irudi nagusiak bistaratze-leihoaren lau ertzak hartzen ditu, eta 3Dko kromo logotipo batek gainjartzen du objektua. Saretako produktuen irudiek altuera-zabalera erlazio koherentea mantentzen dute errenkada osoan. Ez dago ilustraziorik edo ikonorik, testu-nabigazio minimoa izan ezik. Hizkuntza bisuala hau da: atera argazki onak, moztu zorrotz eta utzi argazkia markaren aurpegia izaten.
Paleta
Marka
- Lilac Veil
#b8aad0— More koloreko betegarria atzeko planoaren nabarmentzeko, marra apaingarrietarako eta edukiaren atzean azentu leun bat jartzeko.
Neutroa
- Ink Black
#000000— Gorputz-testu guztiak, nabigazio-testuak, esteken ertzak, txartelen ertzak eta ikonoen ertzak osatzen dute interfaze osoaren egitura-lerroa. - Warm Parchment
#f4f1e4— Erredakzio/produktu eremuko orrialde eta atalen atzeko planoa lasaia da, eta produktuen argazkiak jartzen dira gainean. - Ivory Mist
#fcfaf1— Elementu nagusi ilunaren gainean dagoen nabigazio-testuaren koloreak, ehundura-tonu sotilak eta ertz sotilek zuri hutsaren alternatiba beroagoa eskaintzen dute atal iluneko UIrako.
Tipografia
12tik 72px-ra · 5 urrats
- Good Sans — ordezkapena: Söhne · eskemak 400, 700 · Nabigaziorako, testu-gorputzerako, produktuen metadatuetarako, esteketarako eta erabiltzaile-interfazearen testu guztietarako letra-tipo unibertsala. Pisu bikoitzeko sistemak (400 arrunta testu-gorputzerako/izenburuetarako, 700 lodia marken, prezioen eta nabarmenduenetarako) hierarkia sortzen du tamaina handitu gabe. Letra-tarte positibo ia zero izateak geometrikoa baino editorialagoa egiten du.
- Redaction — ordezkapena: GT Sectra Display Bold · eskemak 700 · Gorputz-testurako soilik—Letra-tipo pertsonalizatua da hau "LUNCH" kromo handiko testuarentzat, pantaila osoko gorputz-testurako oinarri gisa balio duena. Orrialde bakoitzeko behin bakarrik erabiltzen da; sinadura tipografikoa da, ez berrerabilgarria den osagaia.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 20-30px |
| Botoiaren erradioa | 0px |
| Txartelaren erradioa | 0px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 60-80px |
| Orriaren zabalera | 1280px |
Adimen artifizialak zure webgunea LUNCH 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
- 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
- amp — Laranja epela atzealde zuri hotz baten gainean. Diseinuak eguzkipean blaitutako ganbara batean ateratako argazki batean ateratako fitness produktu bikain baten antza du: elementu bakarra, azentu bakarra, lan guztia egiten duen letra-tipo seguru bakarra.
- IKEA — eguzkiz blaitutako Suediako altzarien erakusleiho bat desmuntatutako forman
- Microsoft — Txikizkako katalogoak kolore urdin bereizgarria erabiltzen du: imajinatu erakusleiho zuri bateko zoruan logotipo karratu bat, non diseinu-elementu guztiak urdinak diren.
- Vibrants — Skyborne Farmazia marmol zurian - tinta urdin iluna morteroa da eta ortzadarraren espektroa sendagaia
- Isla Beauty — Krema koloreko botika-estiloa, kirurgia-gorri koloreko azentuekin: pentsa pergaminozko horma epelak, anbar koloreko botilak eta etiketa guztietan zigilu gorri bakarra.
- Swap — Menta Editorial Galeria: Salbia tonu argiak lima kolore biziko azentuekin eta serifa sotilekin egindako geletan
- Cursor — Pergamino tailer eroso bat, ikatz ketsuek argiztatuta
- Structured — Plastilina itxurako paperean egindako errenazimentuko galeria
- Apple (España) — Museoaren galeria, egunez argi leunean, espazio zuri bakarra, liluragarria eta pisurik gabekoa da, erakusketa bakoitza horma arin tindatu baten kontrako foku batek argiztatuta duela.
- Amplemarket — Eguzkiz blaitutako lantokia konfetiz beteta