FRANKY'S
Kios kaulinan retro di luhur méja toko skateboard
Basa visual Franky nyaéta kombinasi arcade retro sareng toko skateboard: kanvas krim haneut (#f3e5df) dibingkai ku wates piksel anu kaku, papan catur hideung bodas anu aya di mana-mana, sareng hiji font piksel, Arcade, anu dianggo pikeun unggal kecap dina situs wéb. Paletna ngahaja jarang — ngan ukur dua warna kromatik anu tinggaleun (sinyal oranyeu #faa21f pikeun tanda sareng héjo beunghar #128e44 pikeun tombol mésér), kalayan sadaya hirarki dikedalkeun ku ningkatkeun beurat font Arcade ti 400 ka 700 sareng ku ngagunakeun hideung ngalawan latar krim. Beungeut tetep datar sareng monolitik; jerona kahontal ngan ukur ngalangkungan garis krim 1px anu disisipkeun dina tombol sareng maén tonal papan catur. Komponénna ngingetkeun kana sprite toko taun 1990-an: wates hideung kandel, radius wates 6-12px anu pageuh, padding 4-8px anu kompak, sareng toggle 3D/AR anu katingalina sapertos ikon piksel tinimbang unsur krom. Kaca-kaca anyar ieu dimaksudkeun pikeun ngajaga suasana kawas arcade: euweuh gradién lian ti téks ngagulung oranyeu, euweuh kalangkang lemes, euweuh tipografi dekoratif—ngan ukur kertas warna krem, garis piksel hideung, jeung hiji warna oranyeu haneut.
Dina desktop, halaman produk nampilkeun tata letak tengah anu lébar pinuh kalayan lébar maksimum 1200px. Ritme ti luhur ka handap nyaéta: téks ngagulung oranyeu → lulugu warna krem kalayan garis hideung → pamisah dua kolom (55% papan catur dina halaman utama / 45% grid dua kolom kartu produk) → belang warna krem dina footer. Dina sélulér, halaman utama runtuh janten papan catur lébar pinuh, sareng grid janten tata letak kolom tunggal. Kartu disebarkeun rata dina grid dua kolom kalayan pamisah Piksel kulawu (#e5e7eb) di antara aranjeunna. Jarak antara bagian minimal (43–61px), sareng antarmuka henteu pernah nganggo belang poék anu nutupan sakabéh lébar halaman — kanvas krem ditampilkeun tanpa gangguan.
Poto topi kalayan latar krim bersih, di tengah sareng dipotong pageuh, kalayan kalangkang hideung areng anu lemes di handapeunna. Teu aya gaya hirup, teu aya modél, teu aya kontéks—topi éta béntangna. Pola kotak-kotak di tukangeun unsur utama janten permukaan grafis. Teu aya ilustrasi, teu aya render 3D kecuali pikeun toggle augmented reality, teu aya ikon hiasan kecuali pikeun salib piksel dina logo.
Palet
Merek
- Marquee Orange
#faa21f— Bilah bewara di luhur layar, unsur aksen, branding. - Buy Green
#128e44— Tombol "TAMBAHKEUN KA GARAGANA" parantos dieusi - hiji-hijina tindakan pameseran anu ditandaan ku héjo.
Nétral
- Arcade Cream
#f3e5df— Latar tukang kaca, permukaan kartu produk, sisipan tombol. - Ink Black
#000000— Téks utama, tata letak papan catur, sadaya wates UI, garis luar kartu, wates ikon. - Pixel Gray
#e5e7eb— Wates ipis, pambagi kartu, aturan struktural antara sél grid. - Charcoal
#333333— Nada permukaan sekundér, kotak kalangkang papan catur, warna kalangkang - Carbon
#151515— Nada nétral anu beunghar pikeun ilustrasi eusian sareng ubin papan catur anu paling padet. - Muted Gray
#737373— Téks nu dinonaktipkeun/diredam dina tombol sareng dina téks awak
Tipografi
ti 10 dugi ka 18px · 4 léngkah
- Arcade — panggantian: VT323 · garis besar 400, 700 · Hiji font dianggo di sakuliah antarmuka—sadaya judul, labél, harga, tombol, téks awak, sareng ikon aya dina Arcade. Transisi ti 400 ka 700 mangrupikeun hiji-hijina alat pikeun nyiptakeun hirarki; nganggo font kadua bakal ngaruksak ilusi kios.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | padet |
| Léngkah dasar | 4-8px |
| Radius tombol | 6px |
| Radius kartu | 12px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 43-61px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya FRANKY'S sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- 099 SUPPLY — Témbok galeri anu pinuh ku barang hideung bodas
- teenage engineering — Katalog industri dina pencahayaan studio - produk mangrupikeun hiji-hijina objék anu penting dina halaman éta, sareng sadayana anu sanés dibahas di sakitarna
- Custo — Galeri warna gunmetal kalayan font monolitik. Showroom kalayan nada kulawu-héjo anu kalem, dimana hiji objék poék sareng font 57px nyarios sorangan.
- Walden — Kasunyian lanté leuweung - unggal produk nyaéta batu, unggal piksel nyaéta lukut sareng kasunyian
- Fiverr — Titik fokus pasar digital nyaéta denyut héjo anu cerah ngalawan panggung téater anu poék. Hiji titik héjo néon janten jangkar pikeun logo; sésana monokrom, dirancang pikeun nyorot daya tarik jasa anu ditawarkeun.
- Peloton — Suar beureum di landasan pacu hideung legam. Showroom kabugaran dimana hiji papan tanda CTA beureum caang motong rohangan pameran anu lega sareng poék teras nuju ka rohangan produk anu bersih sareng bodas.
- HOUSEPLANT — toko buku nu eusina kacang dina kertas linen
- Adam Lippes — Studio éditorial monokrom dina kertas krim – hamparan Vogue dimana hiji-hijina hiasan nyaéta grid tata letak, sanés palét warna.
- Elektron — Panel kontrol peralatan tengah peuting téh siga kanvas nu ampir hideung, poto produkna herang sedengkeun antarbeungeutna ampir teu katingali.
- Sigmaphoto — Galeri Instrumen Presisi Monokrom nyaéta rohangan bodas anu sepi dimana hiji-hijina warna anu penting nyaéta warna anu ngajurung anjeun pikeun bertindak.
- Channel Studio — Laboratorium poto studio nganggo hiji kap lampu koral
- Specht Studio — Témbok galeri anu pinuh ku rasa panasaran anu disumputkeun. Lapisan krom studio sorangan nyaéta permukaan bodas sareng aksara hideung; kembang api visual sapinuhna dipusatkeun dina karya ubin proyék.