FRANKY'S
ຕູ້ຫຼິ້ນເກມແບບ Retro ຢູ່ເທິງໂຕະຂອງຮ້ານຂາຍສະເກັດ
ພາສາທີ່ເບິ່ງເຫັນຂອງ Franky ແມ່ນການລວມກັນຂອງຮ້ານເກມອາເຄດແບບ retro ແລະ ຮ້ານຂາຍສະເກັດບອດ: ຜ້າໃບສີຄີມອຸ່ນໆ (#f3e5df) ທີ່ມີຂອບພິກເຊວແຂງ, ກະດານໝາກຮຸກສີດຳ-ຂາວທີ່ມີຢູ່ທົ່ວໄປ, ແລະ ຟອນຕ໌ພິກເຊວດຽວ, Arcade, ທີ່ໃຊ້ສຳລັບທຸກໆຄຳໃນເວັບໄຊທ໌. ແຜ່ນສີແມ່ນມີໜ້ອຍໂດຍເຈດຕະນາ - ມີພຽງແຕ່ສອງສີສີເທົ່ານັ້ນທີ່ຍັງເຫຼືອ (ສີສົ້ມ #faa21f ສຳລັບປ້າຍ ແລະ ສີຂຽວເຂັ້ມ #128e44 ສຳລັບປຸ່ມຊື້), ໂດຍມີລຳດັບຊັ້ນທັງໝົດສະແດງອອກໂດຍການເພີ່ມນ້ຳໜັກຟອນຕ໌ Arcade ຈາກ 400 ເປັນ 700 ແລະ ໂດຍການໃຊ້ສີດຳທຽບກັບພື້ນຫຼັງສີຄີມ. ພື້ນຜິວຍັງຄົງຮາບພຽງ ແລະ ເປັນກ້ອນດຽວ; ຄວາມເລິກສາມາດບັນລຸໄດ້ຜ່ານເສັ້ນສີຄີມ 1px ທີ່ໃສ່ໃສ່ປຸ່ມ ແລະ ການຫຼິ້ນໂທນສີຂອງກະດານໝາກຮຸກ. ອົງປະກອບຕ່າງໆເຮັດໃຫ້ນຶກເຖິງຮູບສະໄປຣດໜ້າຮ້ານໃນຊຸມປີ 1990: ຂອບສີດຳໜາ, ລັດສະໝີຂອບ 6-12px ທີ່ແໜ້ນໜາ, ຊ່ອງຫວ່າງ 4-8px ທີ່ກະທັດຮັດ, ແລະ ປຸ່ມສະຫຼັບ 3D/AR ທີ່ເບິ່ງຄືກັບໄອຄອນທີ່ມີພິກເຊວແທນທີ່ຈະເປັນອົງປະກອບໂຄຣມ. ໜ້າໃໝ່ນີ້ມີຈຸດປະສົງເພື່ອຮັກສາບັນຍາກາດຄ້າຍຄືກັບເກມອາເຄດ: ບໍ່ມີການເລື່ອນສີນອກຈາກຕົວໜັງສືສີສົ້ມ, ບໍ່ມີເງົາອ່ອນໆ, ບໍ່ມີຮູບແບບຕົວອັກສອນຕົກແຕ່ງ - ມີແຕ່ເຈ້ຍສີຄຣີມ, ເສັ້ນສີດຳທີ່ເປັນພິກເຊວ, ແລະ ສີສົ້ມອົບອຸ່ນສີດຽວ.
ໃນເດັສທັອບ, ໜ້າຜະລິດຕະພັນຈະສະແດງຮູບແບບເຕັມຄວາມກວ້າງ, ຢູ່ກາງທີ່ມີຄວາມກວ້າງສູງສຸດ 1200px. ຈັງຫວະຈາກເທິງຫາລຸ່ມແມ່ນ: ຂໍ້ຄວາມເລື່ອນສີສົ້ມ → ຫົວຂໍ້ສີຄຣີມທີ່ມີເສັ້ນສີດຳ → ການແບ່ງສອງຖັນ (55% ກະດານໝາກຮຸກໃນໜ້າຫຼັກ / 45% ຕາຂ່າຍສອງຖັນຂອງບັດຜະລິດຕະພັນ) → ເສັ້ນສີຄຣີມຢູ່ footer. ໃນມືຖື, ໜ້າຫຼັກຈະຍຸບລົງເປັນກະດານໝາກຮຸກຄວາມກວ້າງເຕັມ, ແລະຕາຂ່າຍຈະກາຍເປັນຮູບແບບຖັນດຽວ. ບັດຕ່າງໆຖືກແຈກຢາຍຢ່າງເທົ່າທຽມກັນໃນຕາຂ່າຍສອງຖັນທີ່ມີຕົວແບ່ງພິກເຊວສີເທົາ (#e5e7eb) ລະຫວ່າງພວກມັນ. ໄລຍະຫ່າງລະຫວ່າງພາກສ່ວນຕ່າງໆແມ່ນໜ້ອຍທີ່ສຸດ (43–61px), ແລະອິນເຕີເຟດບໍ່ເຄີຍໃຊ້ເສັ້ນສີເຂັ້ມທີ່ກວມເອົາຄວາມກວ້າງທັງໝົດຂອງໜ້າ - ຜ້າໃບສີຄຣີມຈະຖືກສະແດງໂດຍບໍ່ມີການຂັດຂວາງ.
ຮູບຖ່າຍໝວກທີ່ມີພື້ນຫຼັງສີຄຣີມສະອາດ, ຢູ່ກາງ ແລະ ຕັດໃຫ້ແໜ້ນ, ມີເງົາອ່ອນໆສີດຳຖ່ານຢູ່ດ້ານລຸ່ມ. ບໍ່ມີວິຖີຊີວິດ, ບໍ່ມີນາງແບບ, ບໍ່ມີສະພາບການ - ໝວກແມ່ນດາວ. ຮູບແບບກະດານໝາກຮຸກຢູ່ທາງຫຼັງອົງປະກອບຫຼັກເປັນພື້ນຜິວກຣາບຟິກ. ບໍ່ມີຮູບແຕ້ມ, ບໍ່ມີການສະແດງຜົນ 3D ຍົກເວັ້ນປຸ່ມສະຫຼັບຄວາມເປັນຈິງທີ່ເພີ່ມຂຶ້ນ, ບໍ່ມີໄອຄອນຕົກແຕ່ງຍົກເວັ້ນໄມ້ກາງແຂນທີ່ມີຮູບພິກເຊວໃນໂລໂກ້.
ພາເລັດ
ຍີ່ຫໍ້
- Marquee Orange
#faa21f— ແຖບແຈ້ງເຕືອນຢູ່ເທິງສຸດຂອງໜ້າຈໍ, ອົງປະກອບສຳນຽງ, ການສ້າງຍີ່ຫໍ້. - Buy Green
#128e44— ປຸ່ມ "ເພີ່ມໃສ່ກະຕ່າ" ຖືກຕື່ມໃສ່ - ການກະທຳການຊື້ດຽວທີ່ໝາຍດ້ວຍສີຂຽວ.
ເປັນກາງ
- Arcade Cream
#f3e5df— ພື້ນຫຼັງໜ້າ, ໜ້າບັດຜະລິດຕະພັນ, ການໃສ່ປຸ່ມ. - Ink Black
#000000— ຂໍ້ຄວາມຫຼັກ, ຮູບແບບກະດານໝາກຮຸກ, ຂອບ UI ທັງໝົດ, ໂຄງຮ່າງບັດ, ຂອບໄອຄອນ. - Pixel Gray
#e5e7eb— ຂອບບາງ, ຕົວແບ່ງບັດ, ກົດເກນໂຄງສ້າງລະຫວ່າງເຊວຕາຂ່າຍ. - Charcoal
#333333— ສີໜ້າຜິວຂັ້ນສອງ, ເງົາສີ່ຫຼ່ຽມກະດານໝາກຮຸກ, ສີເງົາ - Carbon
#151515— ໂທນສີທີ່ເປັນກາງທີ່ອຸດົມສົມບູນສຳລັບການຕື່ມຮູບແຕ້ມ ແລະ ກະເບື້ອງກະດານໝາກຮຸກທີ່ໜາແໜ້ນທີ່ສຸດ. - Muted Gray
#737373— ປິດໃຊ້ງານ/ປິດສຽງຂໍ້ຄວາມໃນປຸ່ມ ແລະ ໃນຂໍ້ຄວາມ
ຮູບແບບຕົວອັກສອນ
ຈາກ 10 ຫາ 18px · 4 ຂັ້ນຕອນ
- Arcade — ການທົດແທນ: VT323 · ໂຄງຮ່າງ 400, 700 · ຕົວອັກສອນດຽວຖືກໃຊ້ທົ່ວອິນເຕີເຟດ - ຫົວຂໍ້, ປ້າຍຊື່, ລາຄາ, ປຸ່ມ, ຂໍ້ຄວາມ ແລະ ໄອຄອນທັງໝົດແມ່ນຢູ່ໃນ Arcade. ການປ່ຽນຈາກ 400 ເປັນ 700 ແມ່ນເຄື່ອງມືດຽວສຳລັບການສ້າງລຳດັບຊັ້ນ; ການໃຊ້ຕົວອັກສອນທີສອງຈະທຳລາຍພາບລວງຕາຂອງ kiosk.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 4-8px |
| ລັດສະໝີປຸ່ມ | 6px |
| ລັດສະໝີບັດ | 12px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 43-61px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ FRANKY'S ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- 099 SUPPLY — ກຳແພງຫ້ອງວາງສະແດງເຕັມໄປດ້ວຍວັດຖຸສີດຳ ແລະ ສີຂາວ
- teenage engineering — ລາຍການອຸດສາຫະກຳໃນໄຟສະຕູດິໂອ - ຜະລິດຕະພັນແມ່ນວັດຖຸທີ່ສຳຄັນພຽງຢ່າງດຽວໃນໜ້າ, ແລະທຸກຢ່າງອື່ນໆແມ່ນໄດ້ຖືກປຶກສາຫາລືກ່ຽວກັບມັນ
- Custo — ຫ້ອງວາງສະແດງສີປືນໂລຫະທີ່ມີຕົວອັກສອນຂະໜາດດຽວ. ຫ້ອງວາງສະແດງໃນໂທນສີເທົາຂຽວອ່ອນໆ, ບ່ອນທີ່ວັດຖຸສີເຂັ້ມອັນດຽວ ແລະ ຕົວອັກສອນ 57px ສະແດງອອກມາໄດ້ຢ່າງຈະແຈ້ງ.
- Walden — ຄວາມງຽບສະຫງັດຂອງພື້ນປ່າ - ທຸກໆຜະລິດຕະພັນແມ່ນກ້ອນຫີນ, ທຸກໆພິກເຊວແມ່ນຕະໄຄ່ນ້ຳ ແລະ ຄວາມງຽບສະຫງັດ
- Fiverr — ຈຸດເດັ່ນຂອງຕະຫຼາດດິຈິຕອນແມ່ນກະແສສີຂຽວສົດໃສທຽບກັບເວທີລະຄອນທີ່ມືດມົວ. ຈຸດສີຂຽວນີອອນດຽວເຮັດໜ້າທີ່ເປັນຈຸດຍຶດສຳລັບໂລໂກ້; ສ່ວນທີ່ເຫຼືອແມ່ນສີດຽວ, ຖືກອອກແບບມາເພື່ອເນັ້ນໃສ່ຄວາມດຶງດູດໃຈຂອງການບໍລິການທີ່ສະເໜີໃຫ້.
- Peloton — ສັນຍານສີແດງຢູ່ເທິງເສັ້ນທາງແລ່ນສີດຳເຂັ້ມ. ຫ້ອງວາງສະແດງອອກກຳລັງກາຍທີ່ມີປ້າຍ CTA ສີແດງສົດໃສຕັດຜ່ານພື້ນທີ່ວາງສະແດງທີ່ກວ້າງໃຫຍ່ໄພສານ ແລະ ມືດມົວ ແລະ ນຳໄປສູ່ຫ້ອງຜະລິດຕະພັນທີ່ສະອາດ ແລະ ສີຂາວ.
- HOUSEPLANT — ຮ້ານຂາຍປຶ້ມທີ່ມີໝາກຖົ່ວຢູ່ເທິງເຈ້ຍລີນິນ
- Adam Lippes — ສະຕູດິໂອບັນນາທິການສີດຽວເທິງເຈ້ຍສີຄຣີມ - ເປັນທີ່ນິຍົມໃນແບບ Vogue ບ່ອນທີ່ການຕົກແຕ່ງພຽງແຕ່ເປັນຕາຂ່າຍຮູບແບບ, ບໍ່ແມ່ນແຜ່ນສີ.
- Elektron — ແຜງຄວບຄຸມອຸປະກອນໃນເວລາທ່ຽງຄືນແມ່ນຜ້າໃບເກືອບສີດຳ, ບ່ອນທີ່ຮູບພາບຜະລິດຕະພັນສ່ອງແສງໃນຂະນະທີ່ອິນເຕີເຟດຍັງຄົງເບິ່ງບໍ່ເຫັນ.
- Sigmaphoto — ຫ້ອງວາງສະແດງຮູບພາບໂມໂນໂຄຣມຂອງເຄື່ອງມືທີ່ມີຄວາມແມ່ນຍໍາສູງແມ່ນຫ້ອງສີຂາວທີ່ງຽບສະຫງົບບ່ອນທີ່ສີດຽວທີ່ສຳຄັນແມ່ນສີທີ່ຮຽກຮ້ອງໃຫ້ທ່ານລົງມືປະຕິບັດ.
- Channel Studio — ຫ້ອງທົດລອງຖ່າຍຮູບສະຕູດິໂອທີ່ມີໂຄມໄຟປະກາລັງອັນດຽວ
- Specht Studio — ກຳແພງຫ້ອງວາງສະແດງທີ່ເຕັມໄປດ້ວຍຄວາມຢາກຮູ້ຢາກເຫັນທີ່ລະອຽດອ່ອນ. ຜິວໜ້າໂຄຣມຂອງສະຕູດິໂອແມ່ນພື້ນຜິວສີຂາວ ແລະ ຕົວອັກສອນສີດຳ; ສີສັນສົດໃສແມ່ນສຸມໃສ່ພາຍໃນກະເບື້ອງຂອງໂຄງການທັງໝົດ.