FRANKY'S
Skate dükanynyň kassasyndaky retro oýun kiosky
Frenkiniň wizual dili retro arkada we skeytbord dükanynyň utgaşmasydyr: berk piksel serhetleri bilen gurşalan ýyly krem reňkli polotno (#f3e5df), hemme ýerde ulanylýan gara-ak şaşka tagtasy we web sahypasyndaky her söz üçin ulanylýan ýeke-täk pikselli şrift, Arcade. Palitra bilgeşleýin seýrek - diňe iki hromatik reňk galýar (belgi üçin signal mämişi #faa21f we satyn alyş düwmesi üçin baý ýaşyl #128e44), tutuş ierarhiýa Arcade şriftiniň agramyny 400-den 700-e çenli artdyrmak we krem fonunda gara reňk ulanmak arkaly beýan edilýär. Ýüzler tekiz we monolit bolmagynda galýar; çuňluk diňe düwmeleriň üstüne goýlan 1px krem çyzygy we şaşka tagtasynyň tonal oýny arkaly gazanylýar. Komponentler 1990-njy ýyllaryň witrina spritlerini ýada salýar: galyň gara serhetler, berk 6-12px serhet radiuslary, ykjam 4-8px doldurgyç we hrom elementlerinden has köp pikselli nyşanlara meňzeýän 3D/AR açarlary. Täze sahypalar arkada ýaly atmosferany saklamak üçin niýetlenen: mämişi reňkli aýlanýan tekstden başga gradientler ýok, ýumşak kölegeler ýok, bezeg tipografiýasy ýok - diňe krem reňkli kagyz, gara pikselli çyzyklar we ýekeje ýyly mämişi reňk.
Iş stolunda önüm sahypasy iň ýokary ini 1200 piksel bolan doly giňlikdäki, merkezleşdirilen düzülişi görkezýär. Ýokardan aşak ritm şeýle: mämişi reňkli aýlanýan tekst → gara çyzykly krem reňkli başlyk → iki sütünli bölüniş (baş sahypada 55% şahmat tagtasy / önüm kartlarynyň 45% iki sütünli tor) → aşaky bölümde krem reňkli zolak. Mobil telefonlarda baş sahypa doly giňlikdäki şahmat tagtasyna girýär we tor bir sütünli düzülişe öwrülýär. Kartlar iki sütünli torda deň paýlanýar, olaryň arasynda çal Piksel (#e5e7eb) bölüjileri bar. Bölümleriň arasyndaky aralyk minimaldyr (43–61 piksel) we interfeýs sahypanyň tutuş inini örtýän gara zolaklary hiç haçan ulanmaýar - krem reňkli tuwal bökdençsiz görkezilýär.
Arassa krem reňkli fonda kepkalaryň suraty, merkezi we berk kesilen, aşagynda ýumşak, kömür ýaly gara kölege bar. Durmuş ýörelgesi ýok, model ýok, kontekst ýok - kepka ýyldyz. Esasy elementiň arkasyndaky şaşka tagtasy nagyş grafik ýüz hökmünde hyzmat edýär. Suratlar ýok, giňeldilen hakykat açaryndan başga 3D renderler ýok, logotipdäki pikselli haçdan başga bezeg nyşanlary ýok.
Palitra
Brend
- Marquee Orange
#faa21f— Ekranyň ýokarsyndaky bildiriş paneli, aksent elementleri, brending. - Buy Green
#128e44— "SEBETIŇIZE GOŞ" düwmesi dolduryldy - ýaşyl reňk bilen bellenen ýeke-täk satyn alyş hereketi.
Neýtral
- Arcade Cream
#f3e5df— Sahypanyň fony, önümiň kartoçka ýüzleri, düwmeleriň goýalmasy. - Ink Black
#000000— Esasy tekst, şaşka tagtasynyň düzülişi, ähli UI çäkleri, kart konturlary, nyşan çäkleri. - Pixel Gray
#e5e7eb— Inçe serhetler, kart bölüjiler, tor öýjükleriniň arasyndaky gurluş düzgünleri. - Charcoal
#333333— Ikinji derejeli ýüz reňki, şaşka tagtasynyň kölege kwadratlary, kölege reňki - Carbon
#151515— Suratlary doldurmak üçin baý neýtral tonlar we iň dykyz şaşka plitalary. - Muted Gray
#737373— Düwmelerdäki we esasy tekstdäki tekst öçürilen/sessiz
Tipografiýa
10-dan 18 piksele çenli · 4 ädim
- Arcade — çalyşmak: VT323 · konturlar 400, 700 · Interfeýsde ýeke-täk şrift ulanylýar — ähli sözbaşylar, bellikler, bahalar, düwmeler, esasy tekst we nyşanlar Arcade-da. 400-den 700-e geçmek iýerarhiýa döretmek üçin ýeke-täk guraldyr; ikinji şrifti ulanmak kiosk illýuziýasyny bozardy.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 4-8px |
| Düwme radiusy | 6px |
| Kart radiusy | 12px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 43-61px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy FRANKY'S stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- 099 SUPPLY — Gara we ak zatlar bilen doldurylan galereýa diwary
- teenage engineering — Studiýa yşyklandyryşynda senagat katalogy - önüm sahypadaky ýeke-täk möhüm obýektdir we galan ähli zatlar onuň töwereginde ara alnyp maslahatlaşylýar
- Custo — Monolit şriftli ýarag reňkli galereýa. Ýekeje garaňky obýekt we 57 piksel şrift özi üçin gürleýän çal-ýaşyl reňkli sergi zaly.
- Walden — Tokaýyň ümsümligi - her önüm daş, her piksel mamır we ümsümlik
- Fiverr — Sanly bazaryň esasy üns merkezi garaňky teatr sahnalaryna garşy ýaşyl impulsdyr. Ýekeje neon ýaşyl nokat logotip üçin esas bolup hyzmat edýär; galan bölegi bolsa hödürlenýän hyzmatlaryň özüne çekijiligini nygtamak üçin niýetlenen monohromdyr.
- Peloton — Gara reňkli podiumda gyzyl maýak. Giň, garaňky sergi giňişligini kesip geçýän we arassa, ak önüm otaglaryna alyp barýan ýekeje ýagty gyzyl CTA belgisiniň ýerleşýän fitnes salony.
- HOUSEPLANT — keten kagyzyna hoz çekilen kitap dükany
- Adam Lippes — Kremli kagyzdaky monohrom redaksiýa studiýasy – “Vogue” žurnalynyň bezegi, bu ýerde ýeke-täk bezeg reňk palitrasy däl-de, maket torundan ybarat.
- Elektron — Ýary gije enjamlaryň dolandyryş paneli diýen ýaly gara reňkli mata bolup, önümiň suratlary ýalpyldap durýar, interfeýs bolsa görünmeýän ýagdaýda galýar.
- Sigmaphoto — “Monohrm Precision Instruments” galereýasy – bu sessiz ak otag, bu ýerde diňe sizi herekete çagyrýan reňk möhümdir.
- Channel Studio — Bir mercan abajurly studiýa fotolaboratoriýasy
- Specht Studio — Galereýa diwary gizlin gyzyklanma bilen doldurylan. Studiýanyň öz hrom örtügi ak ýüzli we gara harply; wizual feýerwerkler taslamanyň kafel işlerine doly jemlenen.