FRANKY'S
Retro igralni kiosk na pultu trgovine z rolkarsko opremo
Frankyjev vizualni jezik je kombinacija retro arkadne igralnice in trgovine z rolkarskimi igrali: toplo kremno platno (#f3e5df), uokvirjeno s togimi slikovnimi obrobami, vseprisotna črno-bela šahovnica in pisava Arcade z enim slikovnim pikslom, ki se uporablja za vsako besedo na spletni strani. Paleta je namerno redka – ostaneta le dve kromatski barvi (signalno oranžna #faa21f za znak in bogata zelena #128e44 za gumb za nakup), celotna hierarhija pa je izražena s povečanjem teže pisave Arcade s 400 na 700 in z uporabo črne barve na kremnem ozadju. Površine ostajajo ravne in monolitne; globina je dosežena le z vstavljeno kremno črto debeline 1 slikovnega piksla na gumbih in tonsko igro šahovnice. Komponente spominjajo na sprite izložb iz devetdesetih let prejšnjega stoletja: debeli črni robovi, tesni polmeri robov 6–12 slikovnih pik, kompaktno obrobo 4–8 slikovnih pik in 3D/AR stikala, ki so videti kot slikovne ikone in ne kot kromirani elementi. Nove strani so namenjene ohranjanju arkadnega vzdušja: brez prelivov, razen oranžnega drsnega besedila, brez mehkih senc, brez dekorativne tipografije – samo krem barva papirja, črne pikselizirane črte in ena sama topla oranžna barva.
Na namiznem računalniku se stran izdelka prikaže v polni širini, na sredini, z največjo širino 1200 slikovnih pik. Ritem od zgoraj navzdol je: oranžno pomikajoče se besedilo → kremna glava s črno črto → razdelitev na dva stolpca (55 % šahovnica na domači strani / 45 % mreža z dvema stolpcema kartic izdelkov) → kremna črta v nogi. Na mobilnih napravah se domača stran strne v šahovnico polne širine, mreža pa postane postavitev z enim stolpcem. Kartice so enakomerno razporejene v mreži z dvema stolpcema s sivimi razdelilniki Pixel (#e5e7eb) med njimi. Razmik med razdelki je minimalen (43–61 slikovnih pik), vmesnik pa nikoli ne uporablja temnih črt, ki bi segajo čez celotno širino strani – kremno platno se prikaže brez prekinitev.
Fotografija kap na čistem krem ozadju, centrirana in tesno obrezana, z mehko, ogljeno črno senco spodaj. Brez življenjskega sloga, brez modelov, brez konteksta – kapa je zvezda. Šahovski vzorec za glavnim elementom služi kot grafična površina. Brez ilustracij, brez 3D-upodobitev, razen stikala za obogateno resničnost, brez okrasnih ikon, razen pikseliziranega križa v logotipu.
Paleta
Blagovna znamka
- Marquee Orange
#faa21f— Obvestilna vrstica na vrhu zaslona, poudarjeni elementi, blagovna znamka. - Buy Green
#128e44— Gumb»DODAJ V KOŠARICO« je izpolnjen – edino dejanje nakupa je označeno z zeleno barvo.
Nevtralno
- Arcade Cream
#f3e5df— Ozadje strani, površine kartic izdelkov, vstavki gumbov. - Ink Black
#000000— Glavno besedilo, postavitev v obliki šahovnice, vsi robovi uporabniškega vmesnika, obrisi kartic, robovi ikon. - Pixel Gray
#e5e7eb— Tanke obrobe, razdelilniki kartic, strukturna pravila med celicami mreže. - Charcoal
#333333— Sekundarni površinski ton, kvadratki senčenja šahovnice, barva sence - Carbon
#151515— Bogati nevtralni toni za polnjenje ilustracij in najgostejše ploščice šahovnice. - Muted Gray
#737373— Onemogočeno/utišano besedilo na gumbih in v telesu besedila
Tipografija
od 10 do 18 slikovnih pik · 4 koraki
- Arcade — zamenjava: VT323 · obrisi 400, 700 · V celotnem vmesniku se uporablja ena sama pisava – vsi naslovi, oznake, cene, gumbi, besedilo in ikone so v slogu Arcade. Prehod s 400 na 700 je edino orodje za ustvarjanje hierarhije; uporaba druge pisave bi uničila iluzijo kioska.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 4-8px |
| Polmer gumba | 6px |
| Polmer kartice | 12px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 43-61px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu FRANKY'S in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- 099 SUPPLY — Galerijska stena, polna črno-belih predmetov
- teenage engineering — Industrijski katalog studijske razsvetljave - izdelek je edini pomemben predmet na strani, vse ostalo pa se obravnava okoli njega
- Custo — Galerija v barvi bronaste kovine z monolitno pisavo. Razstavni prostor v umirjenih sivo-zelenih tonih, kjer en sam temen predmet in pisava velikosti 57px govorita sama zase.
- Walden — Tišina gozdnih tal - vsak izdelek je kamen, vsaka piksla je mah in tišina
- Fiverr — Osrednja točka digitalnega bazarja je živahen zeleni utrip na temnih gledaliških odrih. Ena sama neonsko zelena pika služi kot sidro za logotip; preostanek je enobarven in zasnovan tako, da poudari privlačnost ponujenih storitev.
- Peloton — Rdeča svetilka na črni pisti. Razstavni salon za fitnes, kjer en sam živo rdeč znak CTA prečka ogromen, temen razstavni prostor in vodi v čiste, bele prostore, polne izdelkov.
- HOUSEPLANT — knjigarna z oreščki na lanenem papirju
- Adam Lippes — Enobarvni uredniški studio na krem papirju – Vogueova razporeditev, kjer je edina dekoracija mreža postavitve, ne barvna paleta.
- Elektron — Nadzorna plošča opreme je ob polnoči skoraj črno platno, kjer se fotografije izdelkov lesketajo, medtem ko vmesnik ostaja praktično neviden.
- Sigmaphoto — Enobarvna galerija preciznih instrumentov je tiha bela soba, kjer je edina pomembna barva tista, ki vas poziva k dejanju.
- Channel Studio — Fotografski studio z enim koralnim senčnikom
- Specht Studio — Galerijska stena, polna diskretne radovednosti. Studio je izdelal kromirano površino z belo površino in črnimi črkami; vizualni ognjemet je v celoti skoncentriran v ploščicah projekta.