FRANKY'S
Kios game retro ing meja toko skateboard
Basa visual Franky minangka kombinasi saka arcade retro lan toko skateboard: kanvas krim anget (#f3e5df) sing dibingkai dening wates piksel kaku, papan catur ireng-putih sing ana ing endi-endi, lan font piksel tunggal, Arcade, sing digunakake kanggo saben tembung ing situs web. Palet kasebut sengaja disingkirake—mung rong warna kromatik sing isih ana (sinyal oranye #faa21f kanggo tandha lan ijo sing sugih #128e44 kanggo tombol tuku), kanthi kabeh hirarki sing diekspresikan kanthi nambah bobot font Arcade saka 400 dadi 700 lan kanthi nggunakake ireng ing latar mburi krim. Permukaan tetep rata lan monolitik; ambane mung bisa digayuh liwat garis krim 1px sing dilebokake ing tombol lan dolanan tonal papan catur. Komponen kasebut ngelingake sprite etalase taun 1990-an: wates ireng sing kandel, radius wates 6-12px sing rapet, padding 4-8px sing kompak, lan toggle 3D/AR sing katon kaya ikon piksel tinimbang elemen krom. Kaca-kaca anyar iki dimaksudake kanggo njaga swasana kaya arcade: ora ana gradien kajaba teks gulung oranye, ora ana bayangan alus, ora ana tipografi dekoratif—mung kertas warna krem, garis piksel ireng, lan siji warna oranye anget.
Ing desktop, kaca produk nampilake tata letak jembar lengkap, tengah kanthi jembar maksimal 1200px. Irama saka ndhuwur nganti ngisor yaiku: teks gulung oranye → header warna krem kanthi garis ireng → pamisah rong kolom (55% papan catur ing kaca ngarep / 45% kothak rong kolom kertu produk) → garis warna krem ing sikil. Ing seluler, kaca ngarep ambruk dadi papan catur jembar lengkap, lan kothak dadi tata letak kolom tunggal. Kertu disebarake kanthi rata ing kothak rong kolom kanthi pembagi Piksel abu-abu (#e5e7eb) ing antarane. Jarak antarane bagean minimal (43–61px), lan antarmuka ora nate nggunakake garis peteng sing nyakup kabeh jembar kaca—kanvas krem ditampilake tanpa gangguan.
Foto topi kanthi latar mburi krem sing resik, ing tengah lan dipotong rapet, kanthi bayangan ireng areng sing alus ing ngisore. Ora ana gaya urip, ora ana model, ora ana konteks—topi iku lintange. Pola kotak-kotak ing mburi elemen utama dadi permukaan grafis. Ora ana ilustrasi, ora ana render 3D kajaba kanggo saklar augmented reality, ora ana ikon dekoratif kajaba salib piksel ing logo.
Palet
Merek
- Marquee Orange
#faa21f— Bilah kabar ing sisih ndhuwur layar, elemen aksen, branding. - Buy Green
#128e44— Tombol "TAMBAH ING KRAT" wis diisi - siji-sijine tumindak tuku sing ditandhani nganggo warna ijo.
Netral
- Arcade Cream
#f3e5df— Latar mburi kaca, permukaan kertu produk, sisipan tombol. - Ink Black
#000000— Teks utama, tata letak papan catur, kabeh wates UI, garis luar kertu, wates ikon. - Pixel Gray
#e5e7eb— Wates tipis, pembagi kertu, aturan struktural antarane sel kothak. - Charcoal
#333333— Nada permukaan sekunder, kothak bayangan papan catur, warna bayangan - Carbon
#151515— Nada netral sing sugih kanggo ilustrasi sing ngisi lan kothak papan catur sing paling padhet. - Muted Gray
#737373— Teks sing dipateni/dibisu ing tombol lan ing teks awak
Tipografi
saka 10 nganti 18px · 4 langkah
- Arcade — panggantos: VT323 · garis besar 400, 700 · Siji font digunakake ing saindhenging antarmuka—kabeh judhul, label, rega, tombol, teks awak, lan ikon ana ing Arcade. Transisi saka 400 nganti 700 minangka siji-sijine alat kanggo nggawe hierarki; nggunakake font kapindho bakal ngrusak ilusi kios.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | padhet |
| Langkah dhasar | 4-8px |
| Radius tombol | 6px |
| Radius kertu | 12px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 43-61px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya FRANKY'S lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- 099 SUPPLY — Tembok galeri sing kebak barang ireng lan putih
- teenage engineering — Katalog industri ing cahya studio - produk minangka siji-sijine obyek penting ing kaca kasebut, lan kabeh liyane dirembug ing sakubenge
- Custo — Galeri warna gunmetal nganggo font monolitik. Showroom nganggo warna abu-abu-ijo sing kalem, ing ngendi siji obyek peteng lan font 57px bisa ngomong dhewe.
- Walden — Sepi ing dhasar alas - saben produk iku watu, saben piksel iku lumut lan sepi
- Fiverr — Titik fokus pasar digital iki yaiku denyut ijo sing cerah ing sangisore panggung teater sing peteng. Titik ijo neon siji dadi jangkar kanggo logo; liyane monokrom, dirancang kanggo nyorot daya tarik layanan sing ditawakake.
- Peloton — Mercusuar abang ing landasan pacu ireng legam. Showroom kebugaran ing ngendi ana tandha CTA abang padhang sing ngliwati ruang pameran sing jembar lan peteng lan ndadékaké menyang kamar produk putih sing resik.
- HOUSEPLANT — toko buku nganggo kacang ing kertas linen
- Adam Lippes — Studio editorial monokrom ing kertas krem – hamparan Vogue sing dekorasine mung kothak tata letak, dudu palet warna.
- Elektron — Panel kontrol peralatan ing tengah wengi kaya kanvas sing meh ireng, ing ngendi foto produk sumunar nalika antarmuka meh ora katon.
- Sigmaphoto — Galeri Instrumen Presisi Monokrom kuwi ruangan putih sing sepi, ing ngendi siji-sijine warna sing penting yaiku warna sing ngajak sampeyan tumindak.
- Channel Studio — Lab foto studio nganggo siji kap lampu koral
- Specht Studio — Tembok galeri sing kebak rasa penasaran sing ora katon. Lapisan krom studio dhewe yaiku permukaan putih lan tulisan ireng; kembang api visual kabeh terkonsentrasi ing jubin proyek kasebut.