FRANKY'S
Retro kiosk za igre na pultu prodavnice skejt opreme
Frankyjev vizualni jezik je kombinacija retro arkade i skejtbord trgovine: toplo krem platno (#f3e5df) uokvireno krutim pikselnim okvirima, sveprisutna crno-bijela šahovska ploča i font od jednog piksela, Arcade, koji se koristi za svaku riječ na web stranici. Paleta je namjerno rijetka - ostaju samo dvije hromatske boje (signalno narandžasta #faa21f za znak i bogata zelena #128e44 za dugme za kupovinu), a cijela hijerarhija je izražena povećanjem težine fonta Arcade sa 400 na 700 i korištenjem crne na krem pozadini. Površine ostaju ravne i monolitne; dubina se postiže samo umetnutom krem linijom od 1px na dugmadima i tonskom igrom šahovske ploče. Komponente podsjećaju na spriteove izloga iz 1990-ih: debeli crni okviri, uski radijusi okvira od 6-12px, kompaktno padding od 4-8px i 3D/AR prekidači koji izgledaju kao pikselizirane ikone, a ne kao hromirani elementi. Nove stranice imaju za cilj održati atmosferu arkadne igre: nema gradijenta osim narandžastog teksta koji se pomiče, nema mekih sjena, nema dekorativne tipografije - samo krem papir, crne pikselizirane linije i jedna topla narandžasta boja.
Na desktop računaru, stranica proizvoda prikazuje punu širinu, centriran raspored s maksimalnom širinom od 1200px. Ritam od vrha prema dnu je: narandžasti tekst koji se pomiče → krem zaglavlje s crnom linijom → podjela na dvije kolone (55% šahovska ploča na početnoj stranici / 45% mreža s dvije kolone kartica proizvoda) → krem pruga u podnožju. Na mobilnim uređajima, početna stranica se smanjuje u šahovsku ploču pune širine, a mreža postaje raspored s jednom kolonom. Kartice su ravnomjerno raspoređene u mreži s dvije kolone sa sivim piksel (#e5e7eb) razdjelnicima između njih. Razmak između odjeljaka je minimalan (43–61px), a interfejs nikada ne koristi tamne pruge koje se protežu cijelom širinom stranice - krem platno se prikazuje bez prekida.
Fotografija kapa na čistoj krem pozadini, centrirana i čvrsto izrezana, s mekom, ugljeno crnom sjenom ispod. Nema stila života, nema modela, nema konteksta - kapa je zvijezda. Šahovski uzorak iza glavnog elementa služi kao grafička površina. Nema ilustracija, nema 3D rendera osim prekidača za proširenu stvarnost, nema ukrasnih ikona osim pikseliziranog križa u logotipu.
Paleta
Brend
- Marquee Orange
#faa21f— Traka za obavještenja na vrhu ekrana, akcenti, brendiranje. - Buy Green
#128e44— Dugme "DODAJ U KORPU" je popunjeno - jedina radnja kupovine označena je zelenom bojom.
Neutralno
- Arcade Cream
#f3e5df— Pozadina stranice, površine kartica proizvoda, umeci za dugmad. - Ink Black
#000000— Glavni tekst, raspored u obliku šahovske ploče, svi okviri korisničkog interfejsa, obrisi kartica, okviri ikona. - Pixel Gray
#e5e7eb— Tanke ivice, razdjelnici kartica, strukturna pravila između ćelija mreže. - Charcoal
#333333— Ton sekundarne površine, kvadrati sjene šahovske ploče, boja sjene - Carbon
#151515— Bogati neutralni tonovi za popunjavanje ilustracija i najgušće pločice u obliku šahovske ploče. - Muted Gray
#737373— Onemogućen/isključen tekst na dugmadima i u tekstu tijela
Tipografija
od 10 do 18px · 4 koraka
- Arcade — zamjena: VT323 · obrisi 400, 700 · U cijelom interfejsu se koristi jedan font - svi naslovi, oznake, cijene, dugmad, tekst i ikone su u Arcade stilu. Prelazak sa 400 na 700 je jedini alat za stvaranje hijerarhije; korištenje drugog fonta bi uništilo iluziju kioska.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 4-8px |
| Radijus dugmeta | 6px |
| Radijus kartice | 12px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 43-61px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u FRANKY'S stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- 099 SUPPLY — Zid galerije ispunjen crno-bijelim predmetima
- teenage engineering — Industrijski katalog studijske rasvjete - proizvod je jedini značajan objekt na stranici, a sve ostalo se raspravlja oko njega
- Custo — Galerija boje bronce s monolitnim fontom. Izložbeni prostor u prigušenim sivo-zelenim tonovima, gdje jedan tamni objekt i font od 57px govore sami za sebe.
- Walden — Tišina šumskog tla - svaki proizvod je kamen, svaki piksel je mahovina i tišina
- Fiverr — Centralna tačka digitalnog bazara je živahni zeleni puls na tamnim pozorišnim pozornicama. Jedna neonsko zelena tačka služi kao sidro za logo; ostatak je monohromatski, dizajniran da istakne privlačnost ponuđenih usluga.
- Peloton — Crveni svjetionik na crnoj pisti. Izložbeni salon za fitness gdje jedan jarko crveni znak CTA probija se kroz ogroman, mračan izložbeni prostor i vodi do čistih, bijelih prostorija s proizvodima.
- HOUSEPLANT — knjižara s orasima na lanenom papiru
- Adam Lippes — Monohromatski urednički studio na krem papiru – Vogueova širina gdje je jedina dekoracija mreža rasporeda, a ne paleta boja.
- Elektron — Kontrolna ploča opreme u ponoć je gotovo crno platno, gdje fotografije proizvoda blistaju dok interfejs ostaje praktično nevidljiv.
- Sigmaphoto — Monohromatska galerija preciznih instrumenata je tiha bijela soba u kojoj je jedina bitna boja ona koja vas poziva na akciju.
- Channel Studio — Studijski foto-laboratorij s jednim koraljnim abažurom
- Specht Studio — Galerijski zid ispunjen diskretnom znatiželjom. Kromirana završna obrada studija je bijela površina s crnim slovima; vizualni vatromet je u potpunosti koncentriran unutar pločica projekta.