FRANKY'S
Bir kaykay dükkanının tezgahında retro oyun standı.
Franky'nin görsel dili, retro oyun salonları ve kaykay dükkanlarının birleşimidir: sert piksel kenarlıklarla çerçevelenmiş sıcak krem rengi bir zemin (#f3e5df), her yerde bulunan siyah beyaz bir dama deseni ve web sitesindeki her kelime için kullanılan tek bir piksel yazı tipi olan Arcade. Renk paleti kasıtlı olarak seyrektir; yalnızca iki kromatik renk kalmıştır (tabela için sinyal turuncusu #faa21f ve satın alma düğmesi için zengin yeşil #128e44), tüm hiyerarşi ise Arcade yazı tipinin kalınlığının 400'den 700'e çıkarılması ve krem arka plana karşı siyah kullanılmasıyla ifade edilir. Yüzeyler düz ve monolitiktir; derinlik yalnızca düğmelere eklenen 1 piksellik krem rengi çizgi ve dama deseninin ton oyunuyla elde edilir. Bileşenler, 1990'ların vitrin tasarımlarını anımsatıyor: kalın siyah kenarlıklar, 6-12 piksel genişliğinde dar kenar yarıçapları, 4-8 piksel genişliğinde kompakt dolgu ve krom öğelerden ziyade pikselleştirilmiş simgeler gibi görünen 3D/AR geçiş düğmeleri. Yeni sayfalar, oyun salonu benzeri atmosferi korumayı amaçlıyor: turuncu kayan metin dışında gradyan yok, yumuşak gölgeler yok, dekoratif tipografi yok—sadece krem rengi kağıt, siyah pikselleştirilmiş çizgiler ve tek bir sıcak turuncu renk.
Masaüstünde, ürün sayfası maksimum 1200 piksel genişliğe sahip, tam genişlikte ve ortalanmış bir düzende görüntülenir. Yukarıdan aşağıya doğru ritim şu şekildedir: turuncu kayan metin → siyah çizgili krem rengi başlık → iki sütunlu bölüm (ana sayfada %55 dama tahtası deseni / %45 iki sütunlu ürün kartı ızgarası) → altbilgide krem rengi şerit. Mobil cihazlarda, ana sayfa tam genişlikte bir dama tahtası desenine dönüşür ve ızgara tek sütunlu bir düzene geçer. Kartlar, aralarında gri Piksel (#e5e7eb) ayırıcılarla iki sütunlu bir ızgarada eşit olarak dağıtılır. Bölümler arasındaki boşluk minimum düzeydedir (43–61 piksel) ve arayüz asla sayfanın tüm genişliğini kaplayan koyu şeritler kullanmaz; krem rengi tuval kesintisiz olarak görüntülenir.
Temiz krem rengi bir arka plana karşı şapkaların yer aldığı, ortalanmış ve sıkıca kırpılmış, altında yumuşak, kömür siyahı bir gölge bulunan bir fotoğraf. Yaşam tarzı yok, manken yok, bağlam yok; şapka yıldız. Ana öğenin arkasındaki dama tahtası deseni grafik yüzey görevi görüyor. Artırılmış gerçeklik düğmesi dışında hiçbir illüstrasyon, 3D render yok, logodaki pikselli haç dışında hiçbir dekoratif simge yok.
Palet
Marka
- Marquee Orange
#faa21f— Ekranın üst kısmındaki bildirim çubuğu, vurgu öğeleri, marka kimliği. - Buy Green
#128e44— "SEPETE EKLE" düğmesi doldurulmuş durumda - yeşil renkle işaretlenmiş tek satın alma işlemi bu.
Doğal
- Arcade Cream
#f3e5df— Sayfa arka planı, ürün kartı yüzeyleri, düğme ekleri. - Ink Black
#000000— Ana metin, dama tahtası düzeni, tüm kullanıcı arayüzü kenarlıkları, kart çerçeveleri, simge kenarlıkları. - Pixel Gray
#e5e7eb— İnce kenarlıklar, karton ayırıcılar, ızgara hücreleri arasında yapısal çizgiler. - Charcoal
#333333— İkincil yüzey tonu, dama tahtası gölge kareleri, gölge rengi - Carbon
#151515— Resimleri doldurmak ve en yoğun dama tahtası desenlerini oluşturmak için zengin, nötr tonlar. - Muted Gray
#737373— Düğmelerde ve gövde metninde devre dışı bırakılmış/sessize alınmış metin
Tipografi
10 ila 18 piksel arası · 4 adım
- Arcade — yenisiyle değiştirme: VT323 · ana hatlar 400, 700 · Arayüzde tek bir yazı tipi kullanılıyor; tüm başlıklar, etiketler, fiyatlar, düğmeler, gövde metni ve simgeler Arcade yazı tipinde. 400'den 700'e geçiş, hiyerarşi oluşturmanın tek aracı; ikinci bir yazı tipi kullanmak kiosk illüzyonunu bozardı.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 4-8px |
| Düğme yarıçapı | 6px |
| Kart yarıçapı | 12px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 43-61px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi FRANKY'S tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- 099 SUPPLY — Siyah beyaz objelerle dolu bir galeri duvarı.
- teenage engineering — Stüdyo aydınlatması endüstriyel kataloğu - sayfadaki tek önemli nesne ürün olup, diğer her şey onun etrafında ele alınmaktadır.
- Custo — Metalik gri tonlarında, tek parça bir yazı tipine sahip bir galeri. Soluk gri-yeşil tonlarında bir sergi salonu; burada tek bir koyu obje ve 57 piksel yazı tipi kendi başına konuşuyor.
- Walden — Orman zemininin sessizliği - her ürün bir taş, her piksel yosun ve sessizliktir.
- Fiverr — Dijital pazarın odak noktası, karanlık tiyatro sahnelerine karşı canlı yeşil bir ışık yansımasıdır. Tek bir neon yeşil nokta, logonun temelini oluştururken, geri kalan kısım tek renkli olup sunulan hizmetlerin cazibesini vurgulamak üzere tasarlanmıştır.
- Peloton — Simsiyah bir pist üzerinde kırmızı bir işaret fişeği. Geniş, karanlık sergi alanını boydan boya kesen ve temiz, beyaz ürün odalarına yönlendiren tek bir parlak kırmızı CTA tabelasının bulunduğu bir fitness showroomu.
- HOUSEPLANT — keten kağıda basılmış fındık satan bir kitapçı
- Adam Lippes — Krem rengi kağıt üzerinde tek renkli bir editörlük stüdyosu – Vogue dergisinin, renk paleti yerine yalnızca sayfa düzeni ızgarasının süsleme olarak kullanıldığı bir sayfası.
- Elektron — Gece yarısı ekipman kontrol paneli neredeyse simsiyah bir tuval gibidir; ürün fotoğrafları parıldar, arayüz ise neredeyse görünmez kalır.
- Sigmaphoto — Hassas Aletler Monokrom Galerisi, yalnızca sizi harekete geçmeye çağıran rengin önemli olduğu, sessiz, beyaz bir odadır.
- Channel Studio — Mercan rengi bir abajuru olan stüdyo fotoğraf laboratuvarı.
- Specht Studio — Gizli bir merakla dolu bir galeri duvarı. Stüdyonun kendine özgü krom kaplaması beyaz bir yüzey ve siyah harflerden oluşuyor; görsel şölen tamamen projenin karo işçiliğinde yoğunlaşmış durumda.