FRANKY'S
Kiosk ea lipapali tsa khale e ka holim'a khaontara ea lebenkele la li-skate
Puo ea pono ea Franky ke motsoako oa li-arcade tsa khale le lebenkele la li-skateboard: canvas e futhumetseng ea tranelate (#f3e5df) e foreimiloe ka meeli e thata ea pixel, boto ea checker e fumanehang hohle e ntšo le e tšoeu, le fonte e le 'ngoe ea pixel, Arcade, e sebelisoang bakeng sa lentsoe le leng le le leng webosaeteng. Palete e haella ka boomo—ho setse mebala e 'meli feela ea chromatic (letšoao la lamunu #faa21f bakeng sa letšoao le tala e ruileng #128e44 bakeng sa konopo ea ho reka), ka tatellano eohle e hlalositsoeng ka ho eketsa boima ba fonte ea Arcade ho tloha ho 400 ho isa ho 700 le ka ho sebelisa botšo khahlanong le bokamorao ba tranelate. Libaka li lula li bataletse ebile li le monolithic; botebo bo fihlelloa feela ka mola oa tranelate oa 1px o kentsoeng likonopong le ho bapala ha molumo oa boto ea checker. Likarolo li hopotsa li-sprites tsa lebenkele tsa bo-1990: meeli e metšo e teteaneng, radii e tiileng ea moeli oa 6-12px, padding e nyane ea 4-8px, le li-toggle tsa 3D/AR tse shebahalang joaloka matšoao a pixelated ho fapana le likarolo tsa chrome. Maqephe a macha a reretsoe ho boloka sepakapaka se kang sa arcade: ha ho na li-gradients ntle le mongolo oa lamunu oa ho skrola, ha ho na meriti e bonolo, ha ho na mongolo oa mekhabiso—pampiri e 'mala o boreledi feela, mela e metšo e nang le li-pixel, le 'mala o le mong o mofuthu oa lamunu.
Ho desktop, leqephe la sehlahisoa le bonts'a sebopeho se pharaletseng, se bohareng ka bophara bo boholo ba 1200px. Molumo o tlohang hodimo ho ya tlase ke: mongolo o skrolang o lamunu → hlooho e mmala wa kreime e nang le mola o motsho → karohano ya dikholomo tse pedi (55% boto ya ho hlahloba leqepheng la pele / 45% gridi ya dikholomo tse pedi ya dikarete tsa dihlahiswa) → mola o mmala wa kreime botlaaseng ba leqephe. Selefounung, leqephe la lapeng le wela ho ba boto ya ho hlahloba e bophara bo felletseng, mme gridi e fetoha sebopeho sa kholomo e le nngwe. Dikarete di ajwa ka ho lekana ka gridi ya dikholomo tse pedi e nang le dikarohano tse putswa tsa Pixel (#e5e7eb) pakeng tsa tsona. Sebaka se pakeng tsa dikarolo se senyenyane (43–61px), mme sebopeho ha se so ka se sebedisa mela e lefifi e akaretsang bophara bohle ba leqephe—canvas ya kreime e bontshwa ntle le tshitiso.
Setšoantšo sa likhaba tse khahlano le semelo se hloekileng sa tranelate, se bohareng le se khaotsoeng ka thata, se nang le moriti o bonolo, o motšo o kang oa mashala ka tlas'a sona. Ha ho na mokhoa oa bophelo, ha ho na mehlala, ha ho na moelelo—khaba ke naleli. Paterone ea checkerboard e ka morao ho karolo e ka sehloohong e sebetsa e le bokaholimo ba setšoantšo. Ha ho litšoantšo, ha ho na litšoantšo tsa 3D ntle le toggle ea 'nete e ntlafalitsoeng, ha ho na matšoao a mekhabiso ntle le sefapano se nang le pixel ka har'a lets'oao.
Palete
Letšoao
- Marquee Orange
#faa21f— Bare ea tsebiso e holimo skrineng, likarolo tsa khatiso, lets'oao. - Buy Green
#128e44— Konopo ea "Kenya Kariking" e tlatsitsoe - ketso e le 'ngoe feela ea ho reka e tšoailoeng ka botala.
Lehlakore
- Arcade Cream
#f3e5df— Semelo sa leqephe, bokaholimo ba karete ea sehlahisoa, li-insert tsa likonopo. - Ink Black
#000000— Mongolo o ka sehloohong, sebopeho sa boto ea ho hlahloba, meeli eohle ea UI, lintlha tsa karete, meeli ea matšoao. - Pixel Gray
#e5e7eb— Meeli e mesesaane, likarohano tsa likarete, melao ea sebopeho lipakeng tsa lisele tsa gridi. - Charcoal
#333333— Molumo oa bobeli oa bokaholimo, lisekoere tsa moriti oa checkerboard, 'mala oa moriti - Carbon
#151515— Mebala e metle e sa nke lehlakore bakeng sa litšoantšo tsa ho tlatsa le lithaele tse teteaneng ka ho fetisisa tsa checkerboard. - Muted Gray
#737373— Mongolo o holofetseng/o khutsitseng dikonopong le mongolong wa mmele
Mongolo oa mongolo
ho tloha ho 10 ho isa ho 18px · mehato e 4
- Arcade — sebaka: VT323 · meralo 400, 700 · Fonte e le 'ngoe e sebelisoa ho pholletsa le sebopeho sa sebopeho—lihlooho tsohle, mabitso, litheko, likonopo, mongolo oa 'mele le matšoao li ho Arcade. Phetoho ho tloha ho 400 ho ea ho 700 ke sesebelisoa feela sa ho theha tatellano ea maemo; ho sebelisa fonte ea bobeli ho ka senya khopolo-taba ea kiosk.
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | teteaneng |
| Mohato oa motheo | 4-8px |
| Radiyo ea konopo | 6px |
| Radiyo ya karete | 12px |
| Meriti | che - meeli ho e-na le meriti |
| Pakeng tsa likarolo | 43-61px |
| Bophara ba leqephe | 1200px |
AI e tla haha websaete ea hau ka setaele sa FRANKY'S 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- 099 SUPPLY — Lebota la gallery le tletseng lintho tse ntšo le tse tšoeu
- teenage engineering — Khataloganyo ea indasteri mabone a studio - sehlahisoa ke sona feela ntho ea bohlokoa leqepheng, 'me ntho e' ngoe le e 'ngoe e tšohloa ho potoloha eona
- Custo — Pontšo ea 'mala oa tšepe e nang le mongolo o le mong. Phaposi ea lipontšo e nang le mebala e putsoa-botala bo khutsitseng, moo ntho e le 'ngoe e lefifi le mongolo oa 57px li ipuellang.
- Walden — Khutso ea mokatong oa moru - sehlahisoa se seng le se seng ke lejoe, pixel e 'ngoe le e 'ngoe ke moss le khutso
- Fiverr — Ntlha e ka sehloohong ea 'maraka oa dijithale ke ponahalo e tala e khanyang khahlanong le li-theatre tse lefifi. Letheba le le leng le letala la neon le sebetsa e le ankora ea letšoao; karolo e setseng ke monochrome, e etselitsoeng ho totobatsa boipiletso ba lits'ebeletso tse fanoang.
- Peloton — Lebone le lefubelu lebaleng la lipapali la jet-black. Phaposi ea ho bonts'a boikoetliso moo lets'oao le le leng le lefubelu le khanyang la CTA le phunyeletsang sebaka se seholo sa lipontšo se lefifi 'me le lebisa likamoreng tse hloekileng, tse tšoeu tsa lihlahisoa.
- HOUSEPLANT — lebenkele la libuka le nang le linate pampiring ea line
- Adam Lippes — Setudio sa bahlophisi ba mebala e 'meli se nang le pampiri e entsoeng ka tranelate - setaele sa Vogue moo mokhabiso feela e leng gridi ea sebopeho, eseng pale ea mebala.
- Elektron — Phanele ea taolo ea lisebelisoa bosiu ke kanavase e batlang e le ntšo, moo linepe tsa sehlahisoa li phatsimang ha sebopeho sa eona se ntse se sa bonahale.
- Sigmaphoto — Pontšo ea Monochrome ea Lisebelisoa tsa Precision ke kamore e khutsitseng e tšoeu moo 'mala o le mong feela oa bohlokoa e leng o u bitsang ketsong.
- Channel Studio — Lebenkele la ho nka linepe la studio le nang le lebone le le leng la likorale
- Specht Studio — Lebota la gallery le tletseng thahasello e sa bonahaleng. Qetello ea chrome ea studio ka boeona ke bokaholimo bo bosoeu le mongolo o motšo; li-firework tse bonahalang li shebane ka botlalo le mosebetsi oa lithaele tsa projeke.