FRANKY'S
Retro kiosk za igre na pultu skate shopa
Frankyjev vizualni jezik kombinacija je retro arkade i trgovine skateboardom: toplo krem platno (#f3e5df) uokvireno krutim pikselnim rubovima, 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 kromatske boje (signalno narančasta #faa21f za znak i bogata zelena #128e44 za gumb za kupnju), a cijela hijerarhija izražena je povećanjem težine fonta Arcade s 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 gumbima i tonskom igrom šahovske ploče. Komponente podsjećaju na spriteove izloga iz 1990-ih: debeli crni rubovi, uski radijusi rubova od 6-12px, kompaktno punjenje od 4-8px i 3D/AR prekidači koji izgledaju kao pikselizirane ikone, a ne kao kromirani elementi. Nove stranice imaju za cilj održati atmosferu arkadne igre: bez gradijenta osim narančastog teksta koji se pomiče, bez mekih sjena, bez dekorativne tipografije - samo krem papir, crne pikselizirane linije i jedna topla narančasta boja.
Na računalu, stranica proizvoda prikazuje punu širinu, centriran raspored s maksimalnom širinom od 1200px. Ritam od vrha prema dnu je: narančasti tekst koji se pomiče → krem zaglavlje s crnom linijom → podjela na dva stupca (55% šahovnica na početnoj stranici / 45% mreža kartica proizvoda s dva stupca) → krem pruga u podnožju. Na mobilnim uređajima, početna stranica se sažima u šahovnicu pune širine, a mreža postaje raspored s jednim stupcem. Kartice su ravnomjerno raspoređene u mreži s dva stupca sa sivim pikselnim (#e5e7eb) razdjelnicima između njih. Razmak između odjeljaka je minimalan (43–61px), a sučelje 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
Robna marka
- Marquee Orange
#faa21f— Traka s obavijestima na vrhu zaslona, naglasni elementi, brendiranje. - Buy Green
#128e44— Gumb "DODAJ U KOŠARICU" je ispunjen - jedina radnja kupnje označena je zelenom bojom.
Neutralno
- Arcade Cream
#f3e5df— Pozadina stranice, površine kartica proizvoda, umeci gumba. - Ink Black
#000000— Glavni tekst, raspored u obliku šahovnice, svi okviri korisničkog sučelja, obrisi kartica, okviri ikona. - Pixel Gray
#e5e7eb— Tanki obrubi, razdjelnici kartica, strukturna pravila između ćelija mreže. - Charcoal
#333333— Ton sekundarne površine, kvadrati sjene šahovnice, boja sjene - Carbon
#151515— Bogati neutralni tonovi za popunjavanje ilustracija i najgušće pločice u obliku šahovnice. - Muted Gray
#737373— Onemogućen/isključen tekst na gumbima i u tekstu tijela
Tipografija
od 10 do 18px · 4 koraka
- Arcade — zamjena: VT323 · obrisi 400, 700 · U cijelom sučelju koristi se jedan font - svi naslovi, oznake, cijene, gumbi, tekst i ikone su u Arcadeu. Prijelaz s 400 na 700 jedini je alat za stvaranje hijerarhije; korištenje drugog fonta uništilo bi iluziju kioska.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 4-8px |
| Radijus gumba | 6px |
| Radijus kartice | 12px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 43-61px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u FRANKY'S stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja 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 — Središnja točka digitalnog bazara je živahni zeleni puls na tamnim kazališnim pozornicama. Jedna neonsko zelena točka služi kao sidro za logotip; ostatak je monokromatski, dizajniran kako bi istaknuo privlačnost ponuđenih usluga.
- Peloton — Crveni svjetionik na crnoj pisti. Izložbeni salon fitness centara gdje jedan jarko crveni znak CTA probija se kroz golemi, mračni izložbeni prostor i vodi do čistih, bijelih prostorija s proizvodima.
- HOUSEPLANT — knjižara s orasima na lanenom papiru
- Adam Lippes — Monokromatski urednički studio na krem papiru – Vogueova raštrkana verzija gdje je jedini ukras mreža rasporeda, a ne paleta boja.
- Elektron — Upravljačka ploča opreme u ponoć je gotovo crno platno, gdje fotografije proizvoda sjaje dok sučelje ostaje praktički nevidljivo.
- Sigmaphoto — Monokromatska galerija preciznih instrumenata tiha je bijela soba u kojoj je jedina važna boja ona koja vas poziva na djelovanje.
- Channel Studio — Studijski fotolaboratorij 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.