FRANKY'S
Skeytbord do'konining peshtaxtasidagi retro o'yin kioski
Frankining vizual tili retro arkada va skeytbord do'konining kombinatsiyasidir: qattiq piksel chegaralari bilan o'ralgan issiq krem rangli kanvas (#f3e5df), hamma joyda uchraydigan qora-oq shaxmat taxtasi va veb-saytdagi har bir so'z uchun ishlatiladigan bitta pikselli Arcade shrifti. Palitra ataylab siyrak - faqat ikkita xromatik rang qoldi (belgi uchun signal to'q sariq #faa21f va sotib olish tugmasi uchun boy yashil #128e44), butun ierarxiya Arcade shriftining og'irligini 400 dan 700 gacha oshirish va krem fonida qora rangdan foydalanish orqali ifodalangan. Sirtlar tekis va monolit bo'lib qolmoqda; chuqurlikka faqat tugmalarga kiritilgan 1px krem chizig'i va shaxmat taxtasining tonal o'yini orqali erishiladi. Komponentlar 1990-yillardagi vitrina spritlarini eslatadi: qalin qora chegaralar, tor 6-12px chegara radiuslari, ixcham 4-8px to'ldirish va xrom elementlari o'rniga pikselli piktogrammalarga o'xshab ko'rinadigan 3D/AR tugmachalari. Yangi sahifalar arkadaga o'xshash muhitni saqlab qolish uchun mo'ljallangan: to'q sariq rangli aylantiruvchi matndan boshqa gradientlar yo'q, yumshoq soyalar yo'q, dekorativ tipografiya yo'q - faqat krem rangli qog'oz, qora pikselli chiziqlar va bitta issiq to'q sariq rang.
Ish stolida mahsulot sahifasi maksimal kengligi 1200 piksel bo'lgan to'liq kenglikdagi, markazlashtirilgan maketni ko'rsatadi. Yuqoridan pastga ritm quyidagicha: to'q sariq rangli aylantirish matni → qora chiziqli krem rangli sarlavha → ikki ustunli bo'linish (bosh sahifada 55% shaxmat taxtasi / mahsulot kartalarining 45% ikki ustunli panjarasi) → pastki qismda krem rangli chiziq. Mobil qurilmalarda bosh sahifa to'liq kenglikdagi shaxmat taxtasiga yig'iladi va panjara bitta ustunli maketga aylanadi. Kartalar ikki ustunli panjarada teng taqsimlangan bo'lib, ular orasida kulrang Pixel (#e5e7eb) ajratgichlari mavjud. Bo'limlar orasidagi masofa minimal (43–61 piksel) va interfeys hech qachon sahifaning butun kengligini qamrab oluvchi to'q chiziqlardan foydalanmaydi — krem rangli kanvas uzluksiz ko'rsatiladi.
Toza krem rangli fonda kepkalarning fotosurati, markazda joylashgan va mahkam qirqilgan, ostida yumshoq, ko'mir-qora soya bor. Turmush tarzi yo'q, modellar yo'q, kontekst yo'q - kepka yulduzdir. Asosiy element orqasidagi shaxmat taxtasi naqshlari grafik sirt bo'lib xizmat qiladi. Illustratsiyalar yo'q, kengaytirilgan reallik tugmachasidan tashqari 3D renderlar yo'q, logotipdagi pikselli xochdan tashqari dekorativ piktogrammalar yo'q.
Palitra
Brend
- Marquee Orange
#faa21f— Ekranning yuqori qismidagi bildirishnoma paneli, urg'u elementlari, brending. - Buy Green
#128e44— "SAVATGA QO'SHISH" tugmasi to'ldirilgan - yashil rang bilan belgilangan yagona xarid harakati.
Neytral
- Arcade Cream
#f3e5df— Sahifa fon rasmi, mahsulot kartasi yuzalari, tugmachalar qo'shimchalari. - Ink Black
#000000— Asosiy matn, shaxmat taxtasi joylashuvi, barcha UI chegaralari, karta konturlari, belgi chegaralari. - Pixel Gray
#e5e7eb— Yupqa chegaralar, karta ajratgichlari, panjara katakchalari orasidagi strukturaviy qoidalar. - Charcoal
#333333— Ikkilamchi sirt rangi, shaxmat taxtasi soya kvadratlari, soya rangi - Carbon
#151515— To'ldirish uchun boy neytral ohanglar va eng zich shaxmat taxtasi plitkalari. - Muted Gray
#737373— Tugmalar va asosiy matnda matn o'chirilgan/o'chirilgan
Tipografiya
10 dan 18 pikselgacha · 4 qadam
- Arcade — almashtirish: VT323 · konturlar 400, 700 · Interfeys bo'ylab bitta shrift ishlatiladi — barcha sarlavhalar, yorliqlar, narxlar, tugmalar, asosiy matn va piktogrammalar Arcade-da. 400 dan 700 ga o'tish ierarxiyani yaratishning yagona vositasidir; ikkinchi shriftdan foydalanish kiosk illyuziyasini buzadi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 4-8px |
| Tugma radiusi | 6px |
| Karta radiusi | 12px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 43-61px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni FRANKY'S uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- 099 SUPPLY — Qora va oq buyumlar bilan to'ldirilgan galereya devori
- teenage engineering — Studiya yoritishidagi sanoat katalogi - mahsulot sahifadagi yagona muhim ob'ekt bo'lib, qolgan barcha narsalar uning atrofida muhokama qilinadi.
- Custo — Monolit shriftga ega gunmetal rangli galereya. Xira kulrang-yashil tuslardagi ko'rgazma zali, bu yerda bitta to'q obyekt va 57 pikselli shrift o'zi uchun gapiradi.
- Walden — O'rmon tubining sukunati - har bir mahsulot tosh, har bir piksel mox va sukunat
- Fiverr — Raqamli bozorning diqqat markazida qorong'u teatr sahnalariga qarshi yorqin yashil puls mavjud. Bitta neon yashil nuqta logotip uchun langar vazifasini bajaradi; qolgan qismi monoxrom bo'lib, taklif etilayotgan xizmatlarning jozibadorligini ta'kidlash uchun mo'ljallangan.
- Peloton — Qora podiumdagi qizil mayoq. Yorqin qizil rangli CTA belgisi ulkan, qorong'u ko'rgazma maydonini kesib o'tib, mahsulotlar bilan to'la toza, oq xonalarga olib boradigan fitnes saloni.
- HOUSEPLANT — Zig'ir qog'ozga yong'oqlar tushirilgan kitob do'koni
- Adam Lippes — Krem qog'ozdagi monoxrom tahririyat studiyasi – Vogue nashriyotining yagona bezaklari ranglar palitrasi emas, balki maket panjarasi.
- Elektron — Yarim tunda uskunani boshqarish paneli deyarli qora tuval bo'lib, unda mahsulot fotosuratlari porlab turadi, interfeys esa deyarli ko'rinmas bo'lib qoladi.
- Sigmaphoto — Aniq asboblarning monoxrom galereyasi - bu sokin oq xona bo'lib, unda muhim bo'lgan yagona rang - bu sizni harakatga chorlaydigan rang.
- Channel Studio — Bitta marjon abajurli studiya fotolaboratori
- Specht Studio — Galereya devori maxfiy qiziqish bilan to'la. Studiyaning o'ziga xos xrom qoplamasi oq sirt va qora yozuvlardan iborat; vizual mushakbozlik butunlay loyihaning plitka ishlarida jamlangan.