Foodnoms
ຕະຫຼາດໝາກໄມ້ທີ່ມີແດດສ່ອງໃສ່ເຄື່ອງປັ້ນດິນເຜົາສີຂາວ - ໝາກກ້ຽງອຸ່ນໆ, ຜັກສົດໆ ແລະ ຮູບຊົງກົມໆ
Foodnoms ມີພາສາການຕະຫຼາດທີ່ເບົາບາງສຳລັບການຕິດຕາມໂພຊະນາການ: ຜ້າໃບສີຂາວສະອາດ, ຮູບແບບໂທລະສັບຂະໜາດໃຫຍ່ເປັນຈຸດເດັ່ນທີ່ເບິ່ງເຫັນໄດ້, ແລະ ຄຳສັບສີທີ່ມ່ວນຊື່ນບ່ອນທີ່ສີເປັນຕົວແທນຂອງສານອາຫານ ແລະ ຄວາມຄືບໜ້າ. ໂຄງຮ່າງຫົວຂໍ້ສອງສີ (ສີໜຶ່ງສຳລັບຄຳສຳຄັນ, ສີກຣາໄຟດເຂັ້ມສຳລັບສ່ວນທີ່ເຫຼືອ) ຊ່ວຍໃຫ້ສາມາດປະເມີນຄຸນຄ່າໄດ້ໄວ. ລະບົບອີງໃສ່ໜ້າຈໍຜູ້ໃຊ້ດຽວ (Aquawax Pro) ທີ່ມີລັກສະນະເລຂາຄະນິດທີ່ມົນຢ່າງຊັດເຈນທີ່ເຮັດໃຫ້ໜ້າຈໍແອັບທີ່ມີຂໍ້ມູນຫຼາຍອ່ອນລົງ. ພື້ນຜິວສ່ວນໃຫຍ່ແມ່ນຮາບພຽງ ແລະ ບໍ່ມີເງົາ; ລັດສະໝີມຸມທີ່ເປັນເອກະພາບເຮັດໃຫ້ປຸ່ມ, ບັດ, ແລະ ປ້າຍຊື່ມີຄວາມຮູ້ສຶກທີ່ເປັນມິດ ແລະ ອ່ອນໂຍນ, ເຮັດໃຫ້ການຕິດຕາມສຸຂະພາບຮູ້ສຶກວ່າສາມາດເຂົ້າເຖິງໄດ້ງ່າຍກວ່າການໃຊ້ງານທາງຄລີນິກ.
ໜ້າເວັບມີຮູບແບບຖັນດຽວ, ຢູ່ໃຈກາງ, ມີຄວາມກວ້າງເຕັມ (~1200px) ພ້ອມດ້ວຍຈັງຫວະແນວຕັ້ງທີ່ກວ້າງຂວາງ. ຫົວຂໍ້ແມ່ນແຖບດ້ານເທິງບາງໆທີ່ມີໂລໂກ້ຢູ່ເບື້ອງຊ້າຍ, ການນຳທາງຢູ່ໃຈກາງ, ແລະປຸ່ມການກະທຳສີສົ້ມທີ່ເຕັມໄປຢູ່ເບື້ອງຂວາ. ພາກສ່ວນ hero ແມ່ນການຊ້ອນກັນຢູ່ໃຈກາງ: ຫົວຂໍ້ສອງສີ, ຫົວຂໍ້ຍ່ອຍແຖວດຽວ, ໄອຄອນ App Store, ແລະຫຼັງຈາກນັ້ນແຖວຂອງຮູບແບບໂທລະສັບ 3-5 ແບບທີ່ກະຈາຍອອກໄປຕາມຄວາມກວ້າງ. ຢູ່ດ້ານລຸ່ມຂອງພາກສ່ວນ hero ແມ່ນພາກສ່ວນໂລໂກ້ຂ່າວ "ຕາມທີ່ແນະນຳ" ຢູ່ໃຈກາງໃນຕາຂ່າຍໄຟຟ້າ 2x3. ພາກສ່ວນຄຸນສົມບັດປະຕິບັດຕາມຮູບແບບທີ່ຊ້ຳກັນ: ຂໍ້ຄວາມສອງຖັນ + ຮູບແບບໂທລະສັບ, ສະຫຼັບດ້ານ, ດ້ວຍຫົວຂໍ້ພາກສ່ວນທີ່ເນັ້ນສີສົ້ມ/ສີຂຽວ. ອົງປະກອບສຸດທ້າຍກ່ອນ footer ແມ່ນບັດ CTA ທີ່ສາມາດດາວໂຫຼດໄດ້ທີ່ມີຄວາມກວ້າງເຕັມ. ຮ່ອງລະຫວ່າງພາກສ່ວນຕ່າງໆແມ່ນກວ້າງ (96px), ສ້າງຄວາມຮູ້ສຶກທີ່ກວ້າງຂວາງ, ຄ້າຍຄືຫ້ອງສະແດງຮູບພາບ. ການນຳທາງແມ່ນແຖບດ້ານເທິງແບບ minimalist - ບໍ່ມີແຖບຂ້າງ ຫຼື ເມນູໃຫຍ່.
ພາສາທີ່ເບິ່ງເຫັນໄດ້ຂອງແອັບຖືກຄອບງຳໂດຍຮູບແບບຈຳລອງເຟຣມ iPhone ທີ່ມີຄຸນນະພາບສູງທີ່ສະແດງອິນເຕີເຟດການເຮັດວຽກຂອງແອັບ - ສິ່ງເຫຼົ່ານີ້ແມ່ນອົງປະກອບຫຼັກ, ບໍ່ແມ່ນຮູບພາບສະຕັອກ. ຮູບແບບຈຳລອງຖືກສະແດງດ້ວຍຄວາມໂປ່ງໃສເກືອບທັງໝົດ, ກະຈາຍອອກດ້ວຍການຊ້ອນກັນເລັກນ້ອຍ ແລະ ການໝຸນທີ່ລຽບງ່າຍ, ແລະ ຕັ້ງຢູ່ໂດຍກົງເທິງພື້ນຫຼັງສີຂາວ. ພາຍໃນຮູບແບບຈຳລອງ, ອົງປະກອບທີ່ເບິ່ງເຫັນໄດ້ແມ່ນສະໜອງໃຫ້ໂດຍອິນເຕີເຟດຂອງແອັບເອງ: ຂໍ້ມູນໂພຊະນາການ, ຮູບພາບຜະລິດຕະພັນ, ວົງແຫວນມະຫາພາກ, ແລະ ແທັກໝວດໝູ່ທີ່ມີສີສັນ. ເນື້ອຫາຮູບພາບພຽງແຕ່ຮູບພາບອາຫານທີ່ຜູ້ໃຊ້ສົ່ງມາທີ່ເຫັນໄດ້ໃນໜ້າຈໍກ້ອງຖ່າຍຮູບຂອງແອັບ Scan Your Food. ບໍ່ມີຮູບພາບວິຖີຊີວິດ, ບໍ່ມີຮູບແຕ້ມທີ່ບໍ່ມີຕົວຕົນ, ບໍ່ມີຮູບພາບຕົກແຕ່ງ. ການສ້າງແບຣນແມ່ນຖືກກຳນົດທັງໝົດໂດຍຕົວອັກສອນທີ່ກຳນົດເອງ, ໂຄງສີສີສົ້ມ/ຂຽວ/ເຂັ້ມ, ແລະ ອິນເຕີເຟດຂອງແອັບເອງ.
ພາເລັດ
ຍີ່ຫໍ້
- Ember Orange
#ff5406— ສີສົ້ມຖືກໃຊ້ເປັນສີເສີມສຳລັບລາຍລະອຽດການຕົກແຕ່ງ ແລະ ເພື່ອເນັ້ນໃຫ້ເຫັນເຖິງສິ່ງທີ່ບໍ່ຄ່ອຍພົບເລື້ອຍ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການກະທຳ.
ເປັນກາງ
- Graphite
#2f2f2f— ຂໍ້ຄວາມຫຼັກ, ປຸ່ມສີເຂັ້ມ (ໄອຄອນ App Store), ແລະ ໂຄງຮ່າງໄອຄອນ. ສີທີ່ບໍ່ແມ່ນສີຂາວທີ່ໂດດເດັ່ນໃນຫົວຂໍ້ ແລະ ເນື້ອໃນຂໍ້ຄວາມ. - Verdant Green
#00b33f— ສີຂຽວເປັນສ່ວນປະກອບເພີ່ມເຕີມສຳລັບລາຍລະອຽດການຕົກແຕ່ງ ແລະ ເພື່ອເນັ້ນໃສ່ຄວາມຖີ່ຕ່ຳ. - Signal Red-Orange
#ff3400— ສຳນຽງອົບອຸ່ນສຳຮອງ, ເບິ່ງເຫັນໄດ້ໃນອົງປະກອບ UI ຂອງໜ້າຈໍແອັບ ແລະ ການສ້າງແບຣນທີ່ກ່ຽວຂ້ອງ. ອົບອຸ່ນກວ່າ Ember Orange ໜຶ່ງໂທນ, ມັນເນັ້ນໃສ່ສະຖານະແອັບທີ່ເລືອກ ຫຼື ໃຊ້ງານຢູ່. - Sky Blue
#00a9dd— ຄວາມແຕກຕ່າງທີ່ໜ້າພໍໃຈສຳລັບໝວດໝູ່ຂໍ້ມູນພາຍໃນຂອງແອັບ (ຄາໂບໄຮເດຣດ/ໂປຣຕີນ/ກຸ່ມສານອາຫານອື່ນໆ). ດຸ່ນດ່ຽງແຜ່ນສີທີ່ອົບອຸ່ນ ແລະ ໂດດເດັ່ນໃນຮູບແບບໂທລະສັບ. - Mist Blue
#72a2c5— ຟັງຊັນເຢັນໆທີ່ປິດສຽງ - ເຮັດໃຫ້ສີຟ້າອ່ອນລົງສຳລັບປ້າຍຂໍ້ມູນເພີ່ມເຕີມ ແລະ ພື້ນຫຼັງຕາຕະລາງພາຍໃນແອັບ. - Sunset Orange
#ff6d00— ສຳນຽງທີ່ອົບອຸ່ນສຳລັບຫົວຂໍ້ສຳຮອງ ແລະ ຂໍ້ຄວາມທີ່ເນັ້ນໃສ່ໜ້າການຕະຫຼາດ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 60px · 7 ຂັ້ນຕອນ
- Aquawax Pro Medium — ການທົດແທນ: Inter · ໂຄງຮ່າງ 500 · Aquawax Pro Medium - ພົບໃນຂໍ້ມູນທີ່ສະກັດອອກມາແຕ່ບໍ່ໄດ້ອະທິບາຍໂດຍ AI.
- Aquawax Pro — ການທົດແທນ: Nunito Sans · ໂຄງຮ່າງ 700, 500, 600 · ຟອນຕ໌ຍີ່ຫໍ້ຫຼັກທີ່ໃຊ້ໃນທຸກສະພາບການ, ລວມທັງຫົວຂໍ້ ແລະ ເນື້ອໃນ. ຟອນຕ໌ທີ່ອອກແບບມາເປັນພິເສດນີ້ມີຄວາມສູງຂອງຕົວອັກສອນທີ່ກວ້າງ, ຮູບຮ່າງເລຂາຄະນິດທີ່ມົນ, ແລະ ສັດສ່ວນທີ່ສະດວກສະບາຍ. ຕົວໜາ (700) ຖືກໃຊ້ສຳລັບຫົວຂໍ້ ແລະ ພາກສ່ວນຕ່າງໆ - ຈຸດໝາຍຕົວອັກສອນຂອງລະບົບ. ຕົວເຄິ່ງໜາ (600) ຖືກໃຊ້ສຳລັບຫົວຂໍ້ຍ່ອຍ ແລະ ປ້າຍປຸ່ມທີ່ 14–1.8 ມມ. ຕົວກາງ (500) ຖືກໃຊ້ສຳລັບການສຳເນົາເນື້ອໃນທີ່ 17–1.8 ມມ, ມີໄລຍະຫ່າງລະຫວ່າງແຖວທີ່ພຽງພໍ 1.6–1.8 ມມ ເພື່ອການອ່ານທີ່ສະດວກສະບາຍ.
- System sans-serif — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 700 · ຕົວເລືອກ fallback ແມ່ນໃຊ້ສຳລັບຂໍ້ຄວາມ ແລະ ຂໍ້ຄວາມໄອຄອນຂະໜາດນ້ອຍຫຼາຍໃນອິນເຕີເຟດຜູ້ໃຊ້. Aquawax Pro ບໍ່ໄດ້ຖືກນຳໃຊ້ໃນຂະໜາດຈຸລະພາກ; ຕົວອັກສອນຂອງລະບົບຈະຈັດການສິ່ງເຫຼົ່ານີ້ເພື່ອຫຼຸດນ້ຳໜັກການສະແດງຜົນ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ກວ້າງຂວາງ |
| ຂັ້ນຕອນພື້ນຖານ | 20px |
| ລັດສະໝີປຸ່ມ | 26px |
| ລັດສະໝີບັດ | 26px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 96px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Foodnoms ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Slite — ປື້ມບັນທຶກເຈ້ຍທີ່ອົບອຸ່ນພ້ອມດ້ວຍດ້າມຈັບດິນເຜົາ - ທຸກໆພື້ນຜິວເປັນເຈ້ຍສີຄຣີມມີ, ທຸກໆຈຸດເນັ້ນມີສີສົ້ມອ່ອນໆ.
- Adora — ພິພິທະພັນ Impressionism ຢູ່ຫລັງກະຈົກທີ່ມີນ້ຳຕານຂຸ່ນ
- Bento — ກ່ອງເຂົ້າທ່ຽງເບັນໂຕທີ່ວາງຢູ່ເທິງພື້ນໄມ້ທີ່ມີແສງແດດສ່ອງເຖິງ. ຕາຂ່າຍບັດຮູບມົນໆຄ້າຍຄືສະຕິກເກີ້ສີປູນຂາວ, ສີລາເວນເດີ, ສີໂຄບອລ ແລະ ສີເບີເກີດີ, ແຕ່ລະສີມີເສັ້ນດ້າຍດ້ວຍໝຶກສີດຳໜາ, ວາງຢູ່ເທິງຜ້າລີນິນທີ່ອົບອຸ່ນ ແລະ ມີສີຄຣີມຢູ່ໃຕ້ຫົວຂໍ້ເລຂາຄະນິດທີ່ເຂັ້ມ.
- Payments — ສີສົ້ມສົດໃສຕັດກັບພື້ນຫຼັງສີມ່ວງລາດຊະວົງ. ສີມ່ວງເຂັ້ມທີ່ສະທ້ອນເຖິງທ້ອງຟ້າຍາມຄ່ຳຄືນ, ໃນຂະນະທີ່ສີເຫຼືອງໝາກນາວປະດັບປະດາຄືກັບເປືອກໝາກນາວສົດໆຕັດກັບພື້ນຜິວສີຂາວສະອາດ.
- Textla — ປະຕິທິນພືດສາດແບບ Retro Sunny - ໜ້າສີເຫຼືອງອ່ອນທີ່ພິມດ້ວຍສີຂຽວເຂັ້ມພ້ອມດ້ວຍຮູບແຕ້ມຂອງຕົ້ນກະບອງທີ່ສະແດງດ້ວຍເງົາທີ່ຄົມຊັດ ແລະ ຊົດເຊີຍ
- AI for Business — ຫ້ອງວາງສະແດງບັນນາທິການແບບ Brutalist ໃນໂທນສີເທົາອົບອຸ່ນ
- Superhuman — ແຜງບັນນາທິການຊົ່ວໂມງທອງຄຳ
- Visitors — ຮູບແຕ້ມວິສະວະກຳສີຂາວ
- Vercel — ພິມເຄື່ອງໝາຍການຄ້າໃສ່ເຈ້ຍສີຂາວ
- Jeton — ບົດບັນນາທິການກ່ຽວກັບ fintech ເທິງຫີນອ່ອນອຸ່ນ
- Say Briefly — ປຶ້ມແຕ້ມຮູບອົງການສ້າງສັນໃສ່ເຈ້ຍສີຄີມ
- ClickUp — ແຜງຄວບຄຸມທີ່ມີປະສິດທິພາບເທິງຫິນອ່ອນສີຂາວ. ໜ້ານີ້ແມ່ນແຜ່ນພັບຜະລິດຕະພັນສຳລັບເຄື່ອງມືຜະລິດຕະພາບ, ສະນັ້ນພາສາທີ່ເບິ່ງເຫັນໄດ້ຈຶ່ງຖືກຢືມມາຈາກຕົວຜະລິດຕະພັນເອງ: ລາຍຊື່ທີ່ໜາແໜ້ນ, ຕົວຊີ້ບອກສະຖານະ, ກຸ່ມຂອງຮູບແທນຕົວ, ແລະ ຂໍ້ຄວາມຕົວອັກສອນທີ່ໜາແໜ້ນທີ່ເບິ່ງຄືກັບຂໍ້ມູນສະເພາະຂອງຜະລິດຕະພັນທີ່ສະແດງຢູ່.