FRANKY'S
I-kiosk yokudlala imidlalo yakudala ekhawunteni lesitolo sama-skate
Ulimi lukaFranky olubonakalayo luyinhlanganisela ye-arcade yakudala kanye nesitolo se-skateboard: i-canvas efudumele yokhilimu (#f3e5df) efakwe imingcele yamaphikseli aqinile, ibhodi lokuhlola elimnyama nelimhlophe elitholakala yonke indawo, kanye nefonti yamaphikseli elilodwa, i-Arcade, esetshenziswa kuwo wonke amagama akuwebhusayithi. Iphalethi lincane ngamabomu—kusele imibala emibili kuphela ye-chromatic (i-orenji yesiginali #faa21f yesibonakaliso kanye nohlaza ocebile #128e44 yenkinobho yokuthenga), kanye nohlu lonke lokubekwa okuvezwa ngokwandisa isisindo sefonti ye-Arcade kusuka ku-400 kuya ku-700 nangokusebenzisa umnyama ngokumelene nesizinda sekhilimu. Izindawo zihlala ziyisicaba futhi zi-monolithic; ukujula kutholakala kuphela ngomugqa wekhilimu we-1px ofakiwe ezinkinobheni kanye nokudlala kwethoni kwebhodi lokuhlola. Izingxenye zikhumbuza ama-sprites angaphambili kwesitolo sango-1990: imingcele emnyama ebanzi, i-radii yomngcele we-6-12px eqinile, i-compact 4-8px padding, kanye nama-toggle e-3D/AR abukeka njengezithonjana ze-pixelated kunezinto ze-chrome. Amakhasi amasha enzelwe ukugcina isimo esifana nesase-arcade: akukho ma-gradient ngaphandle kombhalo o-orenji wokuskrola, akukho zithunzi ezithambile, akukho typography yokuhlobisa—iphepha elinombala okhilimu kuphela, imigqa emnyama enamaphikseli, kanye nombala owodwa ofudumele we-orenji.
Kudeskithophu, ikhasi lomkhiqizo libonisa isakhiwo esibanzi, esimaphakathi, esinobubanzi obuphezulu obungu-1200px. Isigqi esisuka phezulu kuya phansi: umbhalo o-orenji wokuskrola → isihloko esinombala okhilimu esinomugqa omnyama → ukuhlukaniswa kwamakholomu amabili (ibhodi lokuhlola elingu-55% ekhasini eliyisiqalo / igridi yamakholomu amabili engu-45% yamakhadi omkhiqizo) → umugqa onombala okhilimu phansi. Kuselula, ikhasi eliyisiqalo liwela ebhodini lokuhlola elibanzi, bese igridi iba isakhiwo sekholomu eyodwa. Amakhadi asatshalaliswa ngokulinganayo kugridi yamakholomu amabili enezahlukanisi zePixel (#e5e7eb) ezimpunga phakathi kwazo. Isikhala phakathi kwezigaba sincane (43–61px), futhi isikhombimsebenzisi asisebenzisi imivimbo emnyama ehlanganisa ububanzi bonke bekhasi—ikhanvasi yekhrimu iboniswa ngaphandle kokuphazamiseka.
Isithombe sezigqoko sibhekene nesizinda esihlanzekile sokhilimu, esiphakathi nendawo futhi esinqunyiwe kahle, esinomthunzi othambile, omnyama ofana nelahle ngaphansi. Akukho ndlela yokuphila, akukho mamodeli, akukho umongo—isigqoko siyinkanyezi. Iphethini yebhodi lokuhlola ngemuva kwento eyinhloko isebenza njengendawo enemifanekiso. Akukho mifanekiso, akukho ukuboniswa kwe-3D ngaphandle kwe-augmented reality toggle, akukho zithonjana zokuhlobisa ngaphandle kwesiphambano esinamaphikseli kulogo.
Iphalethi
Umkhiqizo
- Marquee Orange
#faa21f— Ibha yesaziso phezulu kwesikrini, izakhi zokugcizelela, uphawu lomkhiqizo. - Buy Green
#128e44— Inkinobho ethi "ENGEZA ENQOLINI" igcwalisiwe - okuwukuphela kwesenzo sokuthenga esimakwe ngombala oluhlaza.
Okungathathi hlangothi
- Arcade Cream
#f3e5df— Ingemuva lekhasi, izindawo zekhadi lomkhiqizo, izinkinobho ezifakiwe. - Ink Black
#000000— Umbhalo oyinhloko, ukwakheka kwebhodi lokuhlola, yonke imingcele ye-UI, uhlaka lwamakhadi, imingcele yezithonjana. - Pixel Gray
#e5e7eb— Imingcele emincane, abahlukanisi bamakhadi, imithetho yesakhiwo phakathi kwamaseli egridi. - Charcoal
#333333— Ithoni yesibili yobuso, izikwele zesithunzi sebhodi lokuhlola, umbala wesithunzi - Carbon
#151515— Amathoni acebile angathathi hlangothi okugcwalisa imidwebo kanye namathayili ebhodi lokuhlola aminyene kakhulu. - Muted Gray
#737373— Umbhalo okhutshaziwe/othulisiwe ezinkinobho kanye nombhalo womzimba
Ukuthayipha
kusukela ku-10 kuya ku-18px · izinyathelo ezi-4
- Arcade — esikhundleni: VT323 · izinhlaka 400, 700 · Ifonti eyodwa isetshenziswa kuyo yonke i-interface—zonke izihloko, amalebula, amanani, izinkinobho, umbhalo womzimba, kanye nezithonjana ku-Arcade. Ukushintsha kusuka ku-400 kuya ku-700 yilona kuphela ithuluzi lokudala uhlu; ukusebenzisa ifonti yesibili kungonakalisa inkohliso ye-kiosk.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | minyene |
| Isinyathelo esiyisisekelo | 4-8px |
| Irediyasi yenkinobho | 6px |
| Irediyasi yekhadi | 12px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 43-61px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- FRANKY'S futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- 099 SUPPLY — Udonga lwegalari olugcwele izinto ezimnyama nezimhlophe
- teenage engineering — Ikhathalogi yezimboni ekukhanyeni kwesitudiyo - umkhiqizo uwukuphela kwento ebalulekile ekhasini, futhi konke okunye kuxoxwa ngakho nxazonke
- Custo — Igalari enombala wesibhamu enefonti eyodwa. Igumbi lokubonisa elinombala ompunga oluhlaza okotshani, lapho into eyodwa emnyama nefonti engu-57px izikhulumela khona.
- Walden — Ukuthula kwephansi lehlathi - yonke imikhiqizo iyitshe, yonke iphikseli iyi-moss nokuthula
- Fiverr — Indawo egxile kuyo imakethe yedijithali iwukukhanya okuluhlaza okukhanyayo okuphambene nezinkundla zemidlalo yaseshashalazini emnyama. Ichashazi elilodwa eliluhlaza okwesibhakabhaka lisebenza njengesisekelo selogo; okunye kuyi-monochrome, eklanyelwe ukugqamisa ukukhanga kwezinsizakalo ezinikezwayo.
- Peloton — Isibani esibomvu ebaleni lokugijima elimnyama njengejethi. Igumbi lokubonisa ukufaneleka komzimba lapho uphawu olulodwa olubomvu olukhanyayo lwe-CTA ludlula khona endaweni enkulu, emnyama yombukiso futhi luholela emakamelweni emikhiqizo ahlanzekile, amhlophe.
- HOUSEPLANT — isitolo sezincwadi esinamantongomane ephepheni lelineni
- Adam Lippes — Isitudiyo sokuhlela esinombala ofanayo ephepheni elikhilimu – i-Vogue spread lapho umhlobiso kuphela kuyigridi yokwakheka, hhayi i-palette yombala.
- Elektron — Iphaneli yokulawula imishini phakathi kwamabili iyindwangu emnyama, lapho izithombe zomkhiqizo zikhanya khona kuyilapho isikhombikubona singabonakali nhlobo.
- Sigmaphoto — I-Monochrome Gallery of Precision Instruments iyigumbi elimhlophe elithule lapho umbala obalulekile kuphela yilowo okubizela esenzweni.
- Channel Studio — Ilebhu yezithombe yesitudiyo enethunzi elilodwa lesibani se-coral
- Specht Studio — Udonga lwegalari olugcwele ilukuluku eliyimfihlo. Ukuphela kwe-chrome kwesitudiyo kungaphezulu okumhlophe kanye nezinhlamvu ezimnyama; iziqhumane ezibonakalayo zigxile ngokuphelele emsebenzini wethayela wephrojekthi.