FRANKY'S
He kiosk pāʻani retro ma ke kahua o kahi hale kūʻai skate
ʻO ka ʻōlelo ʻike maka a Franky he hui pū ʻana o ka arcade retro a me ka hale kūʻai skateboard: he canvas kirīmi mahana (#f3e5df) i hoʻopuni ʻia e nā palena pixel paʻa, kahi papa checkerboard ʻeleʻele a keʻokeʻo, a me kahi font pixel hoʻokahi, ʻo Arcade, i hoʻohana ʻia no kēlā me kēia huaʻōlelo ma ka pūnaewele. He sparse ka palette—ʻelua wale nō kala chromatic i koe (hōʻailona ʻalani #faa21f no ka hōʻailona a me ka ʻōmaʻomaʻo momona #128e44 no ke pihi kūʻai), me ka hierarchy holoʻokoʻa i hōʻike ʻia ma ka hoʻonui ʻana i ke kaumaha o ka font Arcade mai 400 a 700 a ma ka hoʻohana ʻana i ka ʻeleʻele e kūʻē i ke kua kirīmi. Noho pālahalaha a monolithic nā ʻili; loaʻa ka hohonu ma o ka laina kirīmi 1px i hoʻokomo ʻia ma nā pihi a me ka pāʻani leo o ka checkerboard. Hoʻomanaʻo nā ʻāpana i nā sprites storefront o nā makahiki 1990: nā palena ʻeleʻele mānoanoa, nā radii palena paʻa 6-12px, ka padding 4-8px compact, a me nā toggles 3D/AR e like me nā kiʻi pixelated ma mua o nā mea chrome. Ua manaʻo ʻia nā ʻaoʻao hou e mālama i ka lewa e like me ka arcade: ʻaʻohe gradients ʻē aʻe ma mua o kahi kikokikona ʻōwili ʻalani, ʻaʻohe aka palupalu, ʻaʻohe typography hoʻonaninani—he pepa kala kirīmi wale nō, nā laina ʻeleʻele pixelated, a me hoʻokahi kala ʻalani mahana.
Ma ka pākaukau, hōʻike ka ʻaoʻao huahana i kahi hoʻonohonoho piha piha, kikowaena me ka laulā kiʻekiʻe o 1200px. ʻO ke ʻano mai luna a lalo: kikokikona ʻōwili ʻalani → poʻomanaʻo kala kirīmi me kahi laina ʻeleʻele → māhele ʻelua kolamu (55% papa nānā ma ka ʻaoʻao home / 45% grid ʻelua kolamu o nā kāleka huahana) → kaha kala kirīmi ma ka footer. Ma ke kelepona paʻalima, hiolo ka ʻaoʻao home i loko o kahi papa nānā piha piha, a lilo ka grid i hoʻonohonoho kolamu hoʻokahi. Hoʻolaha like ʻia nā kāleka i loko o kahi grid ʻelua kolamu me nā mea hoʻokaʻawale Pixel hina (#e5e7eb) ma waena o lākou. He liʻiliʻi ka mamao ma waena o nā ʻāpana (43–61px), a ʻaʻole hoʻohana ka interface i nā kaha ʻeleʻele e uhi ana i ka laulā holoʻokoʻa o ka ʻaoʻao—hōʻike ʻia ka canvas kirīmi me ke keakea ʻole.
He kiʻi o nā pāpale e kūʻē ana i kahi kua kirīmi maʻemaʻe, i waenakonu a ʻoki paʻa ʻia, me kahi aka palupalu, ʻeleʻele lanahu ma lalo. ʻAʻohe ʻano nohona, ʻaʻohe kumu hoʻohālike, ʻaʻohe pōʻaiapili—ʻo ka pāpale ka hōkū. ʻO kahi hoʻolālā checkerboard ma hope o ka mea nui e lawelawe ana ma ke ʻano he ʻili kiʻi. ʻAʻohe kiʻi, ʻaʻohe kiʻi 3D koe wale nō ka hoʻololi ʻoiaʻiʻo i hoʻonui ʻia, ʻaʻohe kiʻi hoʻonaninani koe wale nō ke keʻa pixelated i loko o ka logo.
Paleta
Lama
- Marquee Orange
#faa21f— Ka pā hoʻolaha ma ka piko o ka pale, nā mea hoʻonaninani, ka hōʻailona ʻana. - Buy Green
#128e44— Ua hoʻopiha ʻia ke pihi "ADD TO CART" - ʻo ia wale nō ka hana kūʻai i hōʻailona ʻia i ka ʻōmaʻomaʻo.
Kūlike ʻole
- Arcade Cream
#f3e5df— Ka hope o ka ʻaoʻao, nā ʻili kāleka huahana, nā mea hoʻokomo pihi. - Ink Black
#000000— Kikokikona nui, hoʻonohonoho papa nānā, nā palena UI āpau, nā hoʻolālā kāleka, nā palena ikona. - Pixel Gray
#e5e7eb— Nā palena lahilahi, nā mea hoʻokaʻawale kāleka, nā lula hoʻonohonoho ma waena o nā pūnaewele grid. - Charcoal
#333333— Leo ʻili lua, nā huinahā aka checkerboard, kala aka - Carbon
#151515— Nā leo kūlike ʻole no ka hoʻopiha ʻana i nā kiʻi a me nā tile checkerboard mānoanoa loa. - Muted Gray
#737373— Kikokikona i hoʻopau ʻia/hōʻole ʻia ma nā pihi a ma ke kino kikokikona
Palapala hoʻopili
mai 10 a 18px · 4 mau ʻanuʻu
- Arcade — pani: VT323 · nā hoʻolālā 400, 700 · Hoʻohana ʻia hoʻokahi kinona ma o ka interface—aia nā poʻomanaʻo āpau, nā lepili, nā kumukūʻai, nā pihi, ke kino kikokikona, a me nā kiʻiona ma Arcade. ʻO ka hoʻololi ʻana mai 400 a i 700 wale nō ka mea hana no ka hana ʻana i ka hierarchy; ʻo ka hoʻohana ʻana i kahi kinona ʻelua e hōʻino i ka hoʻopunipuni kiosk.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | mānoanoa |
| Kaʻanuʻu kumu | 4-8px |
| Ka radius o ke pihi | 6px |
| Ka laulā o ke kāleka | 12px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 43-61px |
| Ka laulā o ka ʻaoʻao | 1200px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano FRANKY'S a hoʻopiha iā ia
- E hoʻopiha me nā huahana a me nā pou ma o ka loulou - Instagram, TikTok, Facebook.
- E hoʻoili i ka ʻike mai kāu pūnaewele kahiko—e kuhikuhi wale i ka helu wahi.
- Hoʻolālā hou ma ka ʻenekini maikaʻi loa: React ( Next.js) me ka hoʻoili ʻana o ke kikowaena a me ka hoʻonui ʻana o SEO ma waho o ka pahu.
- Hoʻonohonoho piha ʻana i ka SEO no nā hopena hulina a me nā ʻōlelo paipai pūnaewele neural.
Nā kaila like
- 099 SUPPLY — He pā hale hōʻikeʻike i piha i nā mea ʻeleʻele a keʻokeʻo
- teenage engineering — Papa inoa ʻoihana ma ke kukui studio - ʻo ka huahana wale nō ka mea koʻikoʻi ma ka ʻaoʻao, a ua kūkākūkā ʻia nā mea āpau a puni ia
- Custo — He hale hōʻikeʻike kala metala pū me kahi kinona monolithic. He lumi hōʻikeʻike i nā leo hina-ʻōmaʻomaʻo mālie, kahi e ʻōlelo ai kahi mea ʻeleʻele hoʻokahi a me ka kinona 57px no lākou iho.
- Walden — ʻO ka mālie o ka papahele o ka nahele - he pōhaku kēlā me kēia huahana, he limu a he mālie kēlā me kēia pikela
- Fiverr — ʻO ke kiko kikowaena o ka bazaar kikohoʻe he ʻōmaʻomaʻo ʻōlinolino e kūʻē i nā kahua keaka ʻeleʻele. Hoʻokahi kiko ʻōmaʻomaʻo neon e lawelawe ana ma ke ʻano he heleuma no ka logo; ʻo ke koena he monochrome, i hoʻolālā ʻia e hōʻike i ka hoihoi o nā lawelawe i hāʻawi ʻia.
- Peloton — He kukui ʻulaʻula ma ke kahua holo mokulele ʻeleʻele. He lumi hōʻikeʻike hoʻoikaika kino kahi e ʻoki ai kahi hōʻailona CTA ʻulaʻula ʻālohilohi hoʻokahi ma waena o kahi hōʻikeʻike ākea a pouli a alakaʻi aku i nā lumi huahana keʻokeʻo a maʻemaʻe.
- HOUSEPLANT — he hale kūʻai puke me nā nati ma ka pepa olonā
- Adam Lippes — He keʻena hoʻoponopono monochrome ma ka pepa kirīmi - he pālahalaha Vogue kahi ʻo ka hoʻonaninani wale nō ka grid hoʻolālā, ʻaʻole ka palette kala.
- Elektron — ʻO ka papa hoʻokele o nā lako i ke aumoe he ʻano ʻeleʻele loa ia, kahi e ʻālohilohi ai nā kiʻi huahana ʻoiai ʻike ʻole ʻia ka interface.
- Sigmaphoto — He lumi keʻokeʻo mālie ka Monochrome Gallery of Precision Instruments kahi ʻo ke kala wale nō ka mea nui e kāhea iā ʻoe e hana.
- Channel Studio — He keʻena hoʻokolohua kiʻi me hoʻokahi pale kukui korala
- Specht Studio — He paia hale hōʻikeʻike i piha i ka hoihoi huna. ʻO ka hoʻopau chrome ponoʻī o ke keʻena he ʻili keʻokeʻo a me nā leka ʻeleʻele; ua kau nui ʻia nā mea hoʻolele kiʻi i loko o ka hana tile o ka papahana.