FRANKY'S
Kios game retro di atas meja kasir toko skateboard.
Bahasa visual Franky merupakan kombinasi antara arcade retro dan toko skateboard: kanvas krem hangat (#f3e5df) yang dibingkai oleh batas piksel yang kaku, papan catur hitam-putih yang ada di mana-mana, dan font piksel tunggal, Arcade, yang digunakan untuk setiap kata di situs web. Palet warnanya sengaja dibuat sederhana—hanya dua warna kromatik yang tersisa (oranye terang #faa21f untuk papan nama dan hijau pekat #128e44 untuk tombol beli), dengan seluruh hierarki diekspresikan dengan meningkatkan ketebalan font Arcade dari 400 menjadi 700 dan dengan menggunakan warna hitam di atas latar belakang krem. Permukaan tetap datar dan monolitik; kedalaman hanya dicapai melalui garis krem 1px yang disisipkan pada tombol dan permainan tonal papan catur. Komponen-komponennya mengingatkan pada sprite etalase toko tahun 1990-an: batas hitam tebal, radius batas 6-12px yang rapat, padding 4-8px yang kompak, dan tombol 3D/AR yang terlihat seperti ikon berpiksel daripada elemen krom. Halaman-halaman baru ini dirancang untuk mempertahankan suasana ala arcade: tidak ada gradien selain teks bergulir berwarna oranye, tidak ada bayangan lembut, tidak ada tipografi dekoratif—hanya kertas berwarna krem, garis-garis piksel hitam, dan satu warna oranye hangat.
Di desktop, halaman produk menampilkan tata letak tengah dengan lebar penuh dengan lebar maksimum 1200px. Ritme dari atas ke bawah adalah: teks bergulir oranye → header berwarna krem dengan garis hitam → pembagian dua kolom (55% papan catur di halaman beranda / 45% kisi dua kolom kartu produk) → garis berwarna krem di footer. Di perangkat seluler, halaman beranda menyusut menjadi papan catur lebar penuh, dan kisi menjadi tata letak satu kolom. Kartu didistribusikan secara merata dalam kisi dua kolom dengan pembatas Pixel abu-abu (#e5e7eb) di antaranya. Jarak antar bagian minimal (43–61px), dan antarmuka tidak pernah menggunakan garis gelap yang membentang di seluruh lebar halaman—kanvas krem ditampilkan tanpa gangguan.
Foto topi dengan latar belakang krem bersih, terpusat dan dipotong rapat, dengan bayangan hitam arang lembut di bawahnya. Tanpa gaya hidup, tanpa model, tanpa konteks—topi adalah bintangnya. Pola papan catur di belakang elemen utama berfungsi sebagai permukaan grafis. Tanpa ilustrasi, tanpa render 3D kecuali tombol augmented reality, tanpa ikon dekoratif kecuali salib berpiksel di logo.
Palet
Merek
- Marquee Orange
#faa21f— Bar notifikasi di bagian atas layar, elemen aksen, branding. - Buy Green
#128e44— Tombol "TAMBAH KE KERANJANG" terisi penuh - satu-satunya tindakan pembelian yang ditandai dengan warna hijau.
Netral
- Arcade Cream
#f3e5df— Latar belakang halaman, permukaan kartu produk, sisipan tombol. - Ink Black
#000000— Teks utama, tata letak papan catur, semua batas UI, garis luar kartu, batas ikon. - Pixel Gray
#e5e7eb— Batas tipis, pembatas kartu, aturan struktural di antara sel-sel kisi. - Charcoal
#333333— Nada permukaan sekunder, kotak bayangan papan catur, warna bayangan - Carbon
#151515— Nada netral yang kaya untuk mengisi ilustrasi dan ubin papan catur yang paling padat. - Muted Gray
#737373— Teks dinonaktifkan/dibisukan pada tombol dan teks isi.
Tipografi
dari 10 hingga 18px · 4 langkah
- Arcade — penggantian: VT323 · garis besar 400, 700 · Satu jenis font digunakan di seluruh antarmuka—semua judul, label, harga, tombol, teks isi, dan ikon menggunakan font Arcade. Transisi dari 400 ke 700 adalah satu-satunya cara untuk menciptakan hierarki; menggunakan font kedua akan merusak ilusi kios.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 4-8px |
| Radius tombol | 6px |
| Radius kartu | 12px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 43-61px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya FRANKY'S dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- 099 SUPPLY — Dinding galeri yang dipenuhi dengan benda-benda hitam dan putih.
- teenage engineering — Katalog industri pencahayaan studio - produk adalah satu-satunya objek penting di halaman, dan segala sesuatu lainnya dibahas di sekitarnya.
- Custo — Sebuah galeri berwarna abu-abu metalik dengan font monolitik. Sebuah ruang pamer dalam nuansa abu-abu kehijauan yang lembut, di mana satu objek gelap dan font berukuran 57px berbicara sendiri.
- Walden — Keheningan dasar hutan - setiap produk adalah batu, setiap piksel adalah lumut dan keheningan.
- Fiverr — Titik fokus pasar digital ini adalah denyutan hijau cerah yang kontras dengan panggung teater yang gelap. Sebuah titik hijau neon tunggal berfungsi sebagai jangkar untuk logo; sisanya monokrom, dirancang untuk menyoroti daya tarik layanan yang ditawarkan.
- Peloton — Sebuah mercusuar merah di landasan pacu hitam pekat. Sebuah ruang pamer kebugaran di mana sebuah tanda CTA merah terang membelah ruang pameran yang luas dan gelap, mengarah ke ruang produk yang bersih dan putih.
- HOUSEPLANT — sebuah toko buku dengan kacang di atas kertas linen
- Adam Lippes — Sebuah studio editorial monokrom di atas kertas krem – sebuah halaman Vogue di mana satu-satunya dekorasi adalah kisi tata letak, bukan palet warna.
- Elektron — Panel kontrol peralatan di tengah malam merupakan kanvas yang hampir hitam, di mana foto produk bersinar sementara antarmuka tetap hampir tak terlihat.
- Sigmaphoto — Galeri Monokrom Instrumen Presisi adalah ruangan putih yang tenang di mana satu-satunya warna yang penting adalah warna yang mengajak Anda untuk bertindak.
- Channel Studio — Laboratorium foto studio dengan satu kap lampu berwarna karang
- Specht Studio — Dinding galeri yang dipenuhi rasa ingin tahu yang terselubung. Lapisan krom khas studio ini berupa permukaan putih dengan tulisan hitam; kembang api visual sepenuhnya terkonsentrasi pada karya ubin proyek ini.