FRANKY'S
Kioski cha michezo ya zamani kwenye kaunta ya duka la kuteleza
Lugha ya kuona ya Franky ni mchanganyiko wa ukumbi wa michezo wa retro na duka la kuteleza: turubai ya krimu ya joto (#f3e5df) iliyopambwa kwa mipaka thabiti ya pikseli, ubao wa kukagua mweusi na mweupe unaopatikana kila mahali, na fonti moja ya pikseli, Arcade, inayotumika kwa kila neno kwenye tovuti. Paleti ni chache kimakusudi—ni rangi mbili tu za kromatic zilizosalia (ishara ya chungwa #faa21f kwa ishara na kijani kibichi #128e44 kwa kitufe cha kununua), huku uongozi mzima ukionyeshwa kwa kuongeza uzito wa fonti ya Arcade kutoka 400 hadi 700 na kwa kutumia nyeusi dhidi ya mandharinyuma ya krimu. Nyuso zinabaki tambarare na monolithic; kina kinapatikana tu kupitia mstari wa krimu wa 1px ulioingizwa kwenye vifungo na uchezaji wa toni wa ubao wa kukagua. Vipengele hivyo vinakumbusha sprites za mbele za duka za miaka ya 1990: mipaka minene nyeusi, radii ya mpaka ya 6-12px iliyobana, pedi ndogo ya 4-8px, na vibadilishaji vya 3D/AR vinavyoonekana kama aikoni zenye pikseli badala ya vipengele vya chrome. Kurasa mpya zimekusudiwa kudumisha mazingira kama ya arcade: hakuna miinuko zaidi ya maandishi ya kusogeza ya rangi ya chungwa, hakuna vivuli laini, hakuna uchapaji wa mapambo—karatasi yenye rangi ya krimu pekee, mistari nyeusi yenye pikseli, na rangi moja ya rangi ya chungwa yenye joto.
Kwenye kompyuta ya mezani, ukurasa wa bidhaa unaonyesha mpangilio wa upana kamili, katikati wenye upana wa juu wa pikseli 1200. Mdundo wa kuanzia juu hadi chini ni: maandishi ya kusogeza ya rangi ya chungwa → kichwa cha rangi ya krimu chenye mstari mweusi → mgawanyiko wa safu mbili (55% ubao wa kukagua kwenye ukurasa wa nyumbani / 45% gridi ya safu mbili ya kadi za bidhaa) → mstari wa rangi ya krimu kwenye kijachini. Kwenye simu, ukurasa wa nyumbani huanguka na kuwa ubao wa kukagua wa upana kamili, na gridi inakuwa mpangilio wa safu moja. Kadi husambazwa sawasawa katika gridi ya safu mbili yenye vigawanyio vya kijivu vya Pixel (#e5e7eb) kati yao. Nafasi kati ya sehemu ni ndogo (pikseli 43–61), na kiolesura hakitumii mistari myeusi inayoenea upana mzima wa ukurasa—turubai ya krimu huonyeshwa bila usumbufu.
Picha ya kofia dhidi ya mandharinyuma safi ya krimu, katikati na imekatwa vizuri, ikiwa na kivuli laini, cheusi kama mkaa chini. Hakuna mtindo wa maisha, hakuna mifano, hakuna muktadha—kofia ndiyo nyota. Muundo wa ubao wa kukagua nyuma ya kipengele kikuu hutumika kama uso wa picha. Hakuna vielelezo, hakuna michoro ya 3D isipokuwa kibadilishaji cha uhalisia ulioboreshwa, hakuna aikoni za mapambo isipokuwa msalaba uliochongoka kwenye nembo.
Paleti
Chapa
- Marquee Orange
#faa21f— Upau wa arifa juu ya skrini, vipengele vya lafudhi, chapa. - Buy Green
#128e44— Kitufe cha "ONGEZA KWENYE KIKOKOTO" kimejazwa - kitendo pekee cha ununuzi kilichowekwa alama ya kijani.
Isiyoegemea upande wowote
- Arcade Cream
#f3e5df— Mandharinyuma ya ukurasa, nyuso za kadi ya bidhaa, viingizo vya vitufe. - Ink Black
#000000— Maandishi makuu, mpangilio wa ubao wa kukagua, mipaka yote ya kiolesura, mihtasari ya kadi, mipaka ya aikoni. - Pixel Gray
#e5e7eb— Mipaka nyembamba, vigawanyi vya kadi, sheria za kimuundo kati ya seli za gridi. - Charcoal
#333333— Toni ya uso wa pili, miraba ya kivuli cha ubao wa kukagua, rangi ya kivuli - Carbon
#151515— Rangi nzuri zisizo na upendeleo kwa michoro ya kujaza na vigae vizito zaidi vya ubao wa kukagua. - Muted Gray
#737373— Maandishi yamezimwa/yamezimwa kwenye vitufe na maandishi ya mwilini
Uchapaji
kuanzia pikseli 10 hadi 18 · hatua 4
- Arcade — mbadala: VT323 · mihtasari 400, 700 · Fonti moja hutumika katika kiolesura chote—vichwa vyote vya habari, lebo, bei, vitufe, maandishi ya mwili, na aikoni viko katika Arcade. Mpito kutoka 400 hadi 700 ndio kifaa pekee cha kuunda mpangilio; kutumia fonti ya pili kungeharibu udanganyifu wa kioski.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 4-8px |
| Kipenyo cha kitufe | 6px |
| Redi ya kadi | 12px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 43-61px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa FRANKY'S na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- 099 SUPPLY — Ukuta wa ghala uliojaa vitu vyeusi na vyeupe
- teenage engineering — Katalogi ya viwanda katika taa za studio - bidhaa ndiyo kitu pekee muhimu kwenye ukurasa, na kila kitu kingine kinajadiliwa kuzunguka
- Custo — Nyumba ya sanaa yenye rangi ya chuma cha pua yenye fonti ya monolithic. Chumba cha maonyesho katika rangi ya kijivu-kijani iliyonyamazishwa, ambapo kitu kimoja cheusi na fonti ya pikseli 57 hujieleza chenyewe.
- Walden — Ukimya wa sakafu ya msitu - kila bidhaa ni jiwe, kila pikseli ni moss na ukimya
- Fiverr — Kitovu cha soko la kidijitali ni mng'ao wa kijani kibichi dhidi ya majukwaa ya ukumbi wa michezo meusi. Nukta moja ya kijani kibichi hutumika kama nanga ya nembo; iliyobaki ni monochrome, iliyoundwa kuangazia mvuto wa huduma zinazotolewa.
- Peloton — Taa nyekundu kwenye uwanja wa ndege mweusi. Chumba cha maonyesho ya mazoezi ambapo bango moja jekundu linalong'aa la CTA hupita katika nafasi kubwa na nyeusi ya maonyesho na kuingia kwenye vyumba safi na vyeupe vilivyojaa bidhaa.
- HOUSEPLANT — duka la vitabu lenye karanga kwenye karatasi ya kitani
- Adam Lippes — Studio ya uhariri yenye rangi moja kwenye karatasi ya krimu - mtindo wa Vogue ambapo mapambo pekee ni gridi ya mpangilio, si rangi.
- Elektron — Paneli ya kudhibiti vifaa saa sita usiku ni turubai nyeusi karibu, ambapo picha za bidhaa huangaza huku kiolesura kikiwa hakionekani kabisa.
- Sigmaphoto — Nyumba ya Matunzio ya Vyombo vya Usahihi vyenye Monochrome ni chumba cheupe tulivu ambapo rangi pekee muhimu ni ile inayokuhimiza kuchukua hatua.
- Channel Studio — Maabara ya picha ya studio yenye kivuli kimoja cha taa ya matumbawe
- Specht Studio — Ukuta wa matunzio uliojaa udadisi wa siri. Umaliziaji wa chrome wa studio yenyewe ni uso mweupe na herufi nyeusi; fataki zinazoonekana zimejikita kikamilifu ndani ya kazi ya vigae ya mradi.