FRANKY'S
Skate denda bateko mostradorean dagoen retro jokoen kiosko bat
Frankyren hizkuntza bisuala arcade retro eta skateboard dendaren konbinazio bat da: krema koloreko mihise epel bat (#f3e5df) pixel ertz zurrunek inguratuta, nonahi dagoen zuri-beltzeko dama-taula bat, eta webguneko hitz guztietarako pixel bakarreko letra-tipoa, Arcade, erabiltzen da. Paleta nahita urria da: bi kolore kromatiko baino ez dira geratzen (seinale laranja #faa21f seinalearentzat eta berde bizia #128e44 erosketa botoiarentzat), hierarkia osoa Arcade letra-tipoaren pisua 400etik 700era handituz eta krema koloreko atzeko planoaren gainean beltza erabiliz adierazten delarik. Gainazalak lauak eta monolitikoak dira; sakontasuna botoietan txertatutako 1px-ko krema koloreko lerroaren eta dama-taularen tonu-jokoaren bidez bakarrik lortzen da. Osagaiak 1990eko hamarkadako dendetako spriteak gogorarazten dituzte: ertz beltz lodiak, 6-12px-ko ertz-erradio estuak, 4-8px-ko betegarri trinkoa eta kromo elementuen ordez ikono pixelatuak diruditen 3D/AR etengailuak. Orrialde berriek arcade giroa mantentzeko pentsatuta daude: laranja koloreko testu korritzaileaz gain, ez itzal leunik, ez tipografia apaingarririk —krema koloreko papera, lerro beltz pixelatuak eta laranja kolore epel bakarra bakarrik.
Mahaigaineko ordenagailuetan, produktuaren orrialdeak zabalera osoko diseinu zentratua erakusten du, gehienez 1200px-ko zabalerarekin. Goitik beherako erritmoa hau da: laranja koloreko testu korritzailea → krema koloreko goiburua marra beltz batekin → bi zutabeko banaketa (% 55eko dama-taula hasierako orrialdean / % 45eko produktu-txartelen bi zutabeko sareta) → krema koloreko marra orri-oinean. Mugikorrean, hasierako orrialdea zabalera osoko dama-taula bihurtzen da, eta sareta zutabe bakarreko diseinu bihurtzen da. Txartelak bi zutabeko sareta batean banatzen dira uniformeki, bien artean gris koloreko Pixel (#e5e7eb) banatzaileak dituztela. Atalen arteko tartea minimoa da (43–61px), eta interfazeak ez du inoiz orrialdearen zabalera osoa hartzen duten marra ilunrik erabiltzen: krema koloreko mihisea etenik gabe bistaratzen da.
Krema koloreko atzealde garbi baten aurrean dauden txapelen argazki bat, erdian eta ondo moztuta, azpian itzal beltz leun batekin. Ez bizimodurik, ez modelorik, ez testuingururik: txapela da izarra. Elementu nagusiaren atzean dagoen koadro-eredu batek balio du gainazal grafiko gisa. Ez ilustraziorik, ez 3D renderizaziorik, errealitate areagotuko etengailua izan ezik, ez ikono apaingarririk, logotipoko gurutze pixelatua izan ezik.
Paleta
Marka
- Marquee Orange
#faa21f— Pantailaren goialdean dagoen jakinarazpen-barra, azentu-elementuak, marka. - Buy Green
#128e44— "SASKIRA GEHITU" botoia beteta dago - berdez markatutako erosketa-ekintza bakarra.
Neutroa
- Arcade Cream
#f3e5df— Orriaren atzeko planoa, produktuen txartelaren gainazalak, botoien txertaketak. - Ink Black
#000000— Testu nagusia, dama-taularen diseinua, UI ertz guztiak, txartelen eskemak, ikonoen ertzak. - Pixel Gray
#e5e7eb— Ertz meheak, txartelen banatzaileak, egitura-arauak sare-zelulen artean. - Charcoal
#333333— Bigarren mailako gainazaleko tonua, koadro-itxurako itzal-karratuak, itzalaren kolorea - Carbon
#151515— Ilustrazioak betetzeko tonu neutro aberatsak eta dama-taula trinkoenak. - Muted Gray
#737373— Botoietan eta testuaren gorputzean testua desgaituta/isilduta
Tipografia
10etik 18px-ra · 4 urrats
- Arcade — ordezkapena: VT323 · eskemak 400, 700 · Interfaze osoan letra-tipo bakarra erabiltzen da: izenburu, etiketa, prezio, botoi, testu eta ikono guztiak Arcade-n daude. 400etik 700era igarotzea da hierarkia sortzeko tresna bakarra; bigarren letra-tipo bat erabiltzeak kioskoaren ilusioa hondatuko luke.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 4-8px |
| Botoiaren erradioa | 6px |
| Txartelaren erradioa | 12px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 43-61px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea FRANKY'S 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
- 099 SUPPLY — Galeria-horma bat objektu zuri-beltzez beteta
- teenage engineering — Estudioko argiztapeneko industria-katalogoa - produktua da orrialdeko objektu esanguratsu bakarra, eta gainerako guztia haren inguruan eztabaidatzen da
- Custo — Galeria brontze kolorekoa, letra-tipo monolitiko batekin. Erakusleiho bat, gris-berde tonu apalekin, non objektu ilun bakar batek eta 57px-ko letra-tipo batek berez hitz egiten duten.
- Walden — Basoko zoruaren isiltasuna - produktu bakoitza harri bat da, pixel bakoitza goroldioa eta isiltasuna
- Fiverr — Bazar digitalaren ardatza antzoki-eszenatoki ilunetan dagoen berde biziko pultsu bat da. Neon berde koloreko puntu bakarrak balio du logotipoaren aingura gisa; gainerakoa monokromoa da, eskaintzen diren zerbitzuen erakargarritasuna nabarmentzeko diseinatua.
- Peloton — Itsasargi gorri bat pista beltz-beltzean. Fitness erakusleiho bat, non CTA seinale gorri distiratsu bakar batek erakusketa-espazio zabal eta iluna zeharkatzen duen eta produktuen gela zuri eta garbietara eramaten duen.
- HOUSEPLANT — lihozko paperean fruitu lehorrak dituen liburu-denda bat
- Adam Lippes — Krema koloreko paperean egindako erredakzio estudio monokromoa – Vogue aldizkariaren hedapen bat, non apaingarri bakarra diseinu-sareta den, ez kolore-paleta.
- Elektron — Gauerdian ekipamenduaren kontrol panela mihise ia beltza da, non produktuen argazkiak distira egiten duten interfazea ia ikusezin den bitartean.
- Sigmaphoto — Zehaztasun Tresnen Galeria Monokromoa gela zuri lasai bat da, non axola duen kolore bakarra ekintzara dei egiten dizun kolorea den.
- Channel Studio — Koral-pantalla bakarreko estudioko argazki laborategi bat
- Specht Studio — Jakin-min diskretuz betetako galeria-horma bat. Estudioaren kromo akabera gainazal zuria eta letra beltzak dira; su artifizial bisualak proiektuaren teila-lanetan kontzentratzen dira erabat.