Huly
ແສງເໜືອຢູ່ຫໍສັງເກດການທ່ຽງຄືນ - ຕົວລະຄອນຫຼັກແມ່ນລັງສີສີມ່ວງຕັ້ງທີ່ຈາງລົງເປັນປະກາລັງ, ແລະແຕ່ລະພາກສ່ວນທີ່ງຽບສະຫງົບຢູ່ດ້ານລຸ່ມມັນໄດ້ຢືມເລື່ອງລາວສອງໂທນດຽວກັນທີ່ບອກເລົ່າໃນໂທນສຽງທີ່ງຽບສະຫງົບກວ່າ.
Huly ເຮັດໃຫ້ນຶກເຖິງບັນຍາກາດຂອງພື້ນທີ່ເຮັດວຽກແບບຈັກກະວານ: ຜ້າໃບສີດຳເກືອບດຳທີ່ມີແສງສີມ່ວງ-ອຳພັນຕັດຜ່ານອົງປະກອບຫຼັກ, ແລະຢູ່ລຸ່ມມັນ, ຕາຂ່າຍໄຟຟ້າທີ່ງຽບສະຫງົບກວ່າເພື່ອເພີ່ມປະສິດທິພາບການຜະລິດ. ລະບົບເຮັດວຽກພາຍໃນຂອບເຂດສີທີ່ແຄບ - ສີຟ້າສົດໃສອັນໜຶ່ງ ແລະ ປາກະລັງໜຶ່ງອັນເຮັດວຽກທັງໝົດຂອງການສ້າງຍີ່ຫໍ້ຕໍ່ກັບພື້ນຜິວ graphite ຊັ້ນໆ, ດັ່ງນັ້ນໂໝດມືດຈຶ່ງບໍ່ເຄີຍຮູ້ສຶກເປັນກາງ. ຮູບແບບຕົວອັກສອນແມ່ນແບບ Inter-style ສຳລັບທຸກຢ່າງທີ່ໃຊ້ງານໄດ້, ດ້ວຍຕົວອັກສອນທີ່ກຳນົດເອງ (Esbuild) ທີ່ສະຫງວນໄວ້ສຳລັບຈຸດສຳຄັນ, ມີໄລຍະຫ່າງ 80–84px ແລະໄລຍະຫ່າງຕົວອັກສອນລົບທີ່ຮຸນແຮງ. ອົງປະກອບຕ່າງໆແມ່ນຮູບຊົງແຄບຊູນ: ລັດສະໝີ 9999px ໃນການຄວບຄຸມ, 12px ໃນບັດ, ເງົາໜ້ອຍທີ່ສຸດ, ແລະເສັ້ນ gradient ທີ່ສະຫວ່າງເປັນການຕົກແຕ່ງຫຼັກ. ໜ້າເວັບສະຫຼັບກັນລະຫວ່າງພື້ນທີ່ມືດເຕັມໜ້າ ແລະ ສ່ວນແສງສະຫວ່າງທີ່ສະຫງົບ, ສະນັ້ນໜ້າຈໍໃໝ່ຄວນຕັດສິນໃຈເລືອກໂໝດກ່ອນທີ່ຈະເລືອກສີ.
ໜ້າຫຼັກທີ່ມີຄວາມກວ້າງເຕັມມີລຳແສງເໜືອຕັ້ງ ແລະ ຫົວຂໍ້ຂ່າວທີ່ຈັດລຽງໄວ້ທາງຊ້າຍ, ພ້ອມກັບພາບໜ້າຈໍຜະລິດຕະພັນທີ່ຕັ້ງຢູ່ທາງລຸ່ມຂວາ. ຢູ່ດ້ານລຸ່ມຂອງໜ້າຫຼັກແມ່ນພື້ນທີ່ເນື້ອຫາທີ່ມີຄວາມກວ້າງສູງສຸດ 1200px, ມີເສັ້ນສີເຂັ້ມ ແລະ ເສັ້ນສີອ່ອນສະຫຼັບກັນ. ແຕ່ລະພາກສ່ວນແມ່ນບລັອກຕັ້ງດຽວ: ຫົວຂໍ້ບວກກັບຕາຂ່າຍບັດ 3 ຫຼື 4 ຖັນທີ່ແຍກດ້ວຍຊ່ອງຫວ່າງ 96px. ພາກສ່ວນ "MetaBrain" ແບ່ງຕາຂ່າຍດ້ວຍຫົວຂໍ້ຂ່າວທີ່ຢູ່ໃຈກາງ ແລະ ຮູບແຕ້ມຂອງບັດທີ່ມີຂະໜາດແຕກຕ່າງກັນ (ບັດຫຼັກຂະໜາດໃຫຍ່ບວກກັບບັດສະໜັບສະໜູນຂະໜາດນ້ອຍກວ່າ). ໜ້າເວັບມີເນື້ອຫາຫຼາຍ, ປະຕິບັດຕາມມາດຕະຖານ SaaS, ແຕ່ໃຊ້ເສັ້ນສີເຂັ້ມ ແລະ ເສັ້ນສີອ່ອນສະຫຼັບກັນເພື່ອໃຫ້ແຕ່ລະພາກສ່ວນມີພື້ນທີ່ຫາຍໃຈ. ການນຳທາງແມ່ນແຖບດ້ານເທິງໂປ່ງໃສດຽວທີ່ຈາງລົງເປັນທຶບໆເມື່ອທ່ານເລື່ອນ.
ອົງປະກອບຫຼັກແມ່ນການໄລ່ແສງແສງເໜືອທີ່ບໍລິສຸດ, ບໍ່ມີຮູບພາບ. ຮູບແຕ້ມທັງໝົດແມ່ນພາບໜ້າຈໍຕົວຈິງຂອງ UI ຂອງຜະລິດຕະພັນ (Kanban ໃນໂໝດມືດ, ກ່ອງຈົດໝາຍ, ປະຕິທິນ), ກອບດ້ວຍກອບບັດທີ່ເປັນທັງຫຼັກຖານ ແລະ ການຕົກແຕ່ງ. ບໍ່ມີຮູບພາບວິຖີຊີວິດ, ບໍ່ມີຮູບພາບສະຕັອກ, ບໍ່ມີການສະແດງ 3D. ອົງປະກອບທາງສາຍຕາດຽວທີ່ບໍ່ກ່ຽວຂ້ອງກັບ UI ແມ່ນແສງແດດທີ່ອົບອຸ່ນ, ເປັນຮູບຊົງກົມຢູ່ໂຄນຂອງແສງເໜືອ, ສະແດງເປັນການໄລ່ແສງ CSS. ຮູບສັນຍາລັກແມ່ນຮູບສັນຍາລັກເສັ້ນສີດຽວໃນ #95979 ຫຼື ສີຂາວ, ບໍ່ເຄີຍມີຫຼາຍສີ. ລະບົບປະຕິບັດຕໍ່ UI ມືດຂອງຕົນເອງເປັນອົງປະກອບຫຼັກ - ຜະລິດຕະພັນແມ່ນຮູບຖ່າຍ.
ພາເລັດ
ຍີ່ຫໍ້
- Electric Iris
#5683da— ພື້ນຫຼັງຫຼັກ, ຕົວຊີ້ບອກການນຳທາງທີ່ໃຊ້ງານຢູ່, ແລະ ການເນັ້ນແສງເໜືອທີ່ໂດດເດັ່ນ - ສີມ່ວງ-ຟ້າສົດໃສເທິງພື້ນຫຼັງສີດຳ - ສ້າງຄວາມປະທັບໃຈຂອງການມີສ່ວນຮ່ວມຫຼາຍກວ່າກິດຈະກຳຂອງບໍລິສັດ. - Ember Pulse
#ff8964— ສຳນຽງສຳຮອງ, ເຂດແສງເໜືອທີ່ອົບອຸ່ນ, ຈຸດແຈ້ງເຕືອນ, ແລະ ຈຸດເດັ່ນຂອງພາບປະກອບ - ສີເຫຼືອງອຳພັນທີ່ທຳລາຍຄວາມສະຫງົບຂອງສີຟ້າ ແລະ ເພີ່ມຄວາມອົບອຸ່ນໃຫ້ກັບລຳແສງ.
ເປັນກາງ
- Obsidian Canvas
#303236— ພື້ນຫຼັງໜ້າເວັບ, ເຊິ່ງແມ່ນໜ້າດິນທີ່ໂດດເດັ່ນ, ແມ່ນສີດຳເກືອບທັງໝົດພ້ອມດ້ວຍຄວາມອົບອຸ່ນເລັກນ້ອຍ, ເຊິ່ງເປັນສະພາບແວດລ້ອມມາດຕະຖານສຳລັບເນື້ອຫາທັງໝົດ. - Void
#090a0c— ຊັ້ນພື້ນຜິວທີ່ເລິກທີ່ສຸດສຳລັບການໄລ່ສີໃນໜ້າຈໍຫຼັກ, ພື້ນຫຼັງແບບໂມດັລ, ແລະ ກອບທີ່ຄວນຈະປະສົມເຂົ້າກັບຜ້າໃບ. - Charcoal Card
#111111— ພື້ນຜິວຍົກຂຶ້ນເຮັດດ້ວຍກະດາດແຂງ ແລະ ແຜງ, ຕັ້ງຢູ່ເໜືອຜ້າໃບໜຶ່ງກ້າວ. - Slate Edge
#4a4b50— ຂອບ ແລະ ເສັ້ນແບ່ງທີ່ລະອຽດອ່ອນເທິງພື້ນຜິວສີເຂັ້ມ - Iron Veil
#6b6c6d— ພື້ນຫຼັງມືດລົງສຳລັບແທັກ, ການຕື່ມລາຍການ ແລະ ການຕື່ມທີ່ປິດໃຊ້ງານ. - Smoke
#95979e— ໂຄງຮ່າງຮູບສັນຍາລັກ, ຂໍ້ຄວາມເພີ່ມເຕີມ, ແລະ ຕົວຄວບຄຸມທີ່ບໍ່ໄດ້ໃຊ້ງານແມ່ນອົງປະກອບການເຮັດວຽກຫຼັກໃນສີເທົາກາງ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 11 ຫາ 80px · 8 ຂັ້ນຕອນ
- Inter — ການທົດແທນ: DM Sans · ໂຄງຮ່າງ 300, 400, 500, 600, 700 · ຂໍ້ຄວາມທີ່ໃຊ້ງານໄດ້ທັງໝົດໃນອິນເຕີເຟດຜູ້ໃຊ້ - ຂໍ້ຄວາມເນື້ອຫາ, ການນຳທາງ, ປຸ່ມ, ລາຍການລາຍການ, ປ້າຍຊື່ ແລະ ຫົວຂໍ້ຂະໜາດນ້ອຍ - ຖືກໃຊ້ດ້ວຍນ້ຳໜັກຕົວອັກສອນ 500–600 ສຳລັບການເນັ້ນ, 400 ສຳລັບຂໍ້ຄວາມເນື້ອຫາ, ແລະ 300 ສຳລັບຂໍ້ມູນ metadata ທີ່ບໍ່ເດັ່ນຊັດ.
- Esbuild — ການທົດແທນ: Sora · ໂຄງຮ່າງ 400, 500, 600 · ສະແດງເທົ່ານັ້ນ: ຫົວຂໍ້ splash, ຫົວຂໍ້ພາກສ່ວນ, ແລະຫົວຂໍ້ບົດຄວາມ MetaBrain. ຮູບຊົງເລຂາຄະນິດທີ່ຫຍໍ້ລົງ ແລະໄລຍະຫ່າງຕົວອັກສອນທີ່ແຄບສ້າງຄວາມປະທັບໃຈວ່າ 84px ເໝາະສົມກັບວຽກງານບັນນາທິການຫຼາຍກວ່າໂຄງການ SaaS. ຢ່າໃຊ້ຕໍ່າກວ່າ 28px.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ກວ້າງຂວາງ |
| ຂັ້ນຕອນພື້ນຖານ | 12px |
| ລັດສະໝີປຸ່ມ | 9999px |
| ລັດສະໝີບັດ | 12px |
| ເງົາ | ເງົາອ່ອນໆ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 96px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Huly ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- monday — ກອງປະຊຸມສີຂາວພ້ອມສະຕິກເກີສີ pastel
- Slack — ເວທີມີສີໝາກເຂືອພ້ອມໄຟສະປອດໄລ້ສີຂາວ. ສີໝາກພ້າວເຂັ້ມເດັ່ນຊັດໃນພື້ນທີ່ມືດ, ໃນຂະນະທີ່ຜ້າໃບສີຂາວອ່ອນຊ່ວຍໃຫ້ຫົວຂໍ້ຂະໜາດໃຫຍ່ທີ່ທັນສະໄໝສາມາດຫາຍໃຈໄດ້ຢ່າງເສລີ.
- Base44 — ປື້ມບັນທຶກທີ່ມີແສງແດດສ່ອງພ້ອມປາກກາປູນຂາວ
- Supahub — ແສງແດດອ່ອນໆຢູ່ເທິງສັນເຂົາສີມ່ວງ. ຜ້າໃບສີຂາວສ່ວນໃຫຍ່ມີລົມພັດຜ່ານ ເຊິ່ງໄດ້ຮັບແສງສີມ່ວງສົດໃສດວງດຽວ, ພ້ອມດ້ວຍຮູບຊົງກົມທີ່ຕົກແຕ່ງແບບໄລ່ສີທີ່ກະຈາຍໄປສູ່ພື້ນທີ່ລົບ ແລະ ຮູບຮ່າງມົນທີ່ກວ້າງຂວາງ ເຊິ່ງເຮັດໃຫ້ແຕ່ລະພື້ນຜິວມີຄວາມໜັກໜ່ວງ ແລະ ໜ້າພໍໃຈ.
- Raycast — ສູນບັນຊາການທ່ຽງຄືນ, Coral Neon
- Dimension — ໂຕະເຮັດວຽກທີ່ມີແສງສະຫວ່າງໃນຕອນຄ່ຳທີ່ມີແຜງກະຈົກໃສ
- Wiza — ຫໍສັງເກດການສຳຫຼວດແຮ່ທາດໃນເວລາຄ່ຳມືດ, ປົກຄຸມດ້ວຍໝອກດອກລາເວນເດີ.
- Paste — ໂຄມໄຟສີອຳພັນເທິງຫິນອ່ອນສີຂາວ - ໂລໂກ້ການໄລ່ສີທີ່ອົບອຸ່ນຂອງຍີ່ຫໍ້ລອຍຢູ່ໃນພື້ນທີ່ສີຂາວກວ້າງໃຫຍ່ໄພສານ, ຄືກັບປ່ອງຢ້ຽມດຽວທີ່ມີແສງສະຫວ່າງຢູ່ໃນອາຄານທີ່ປົກຄຸມດ້ວຍຫິມະ.
- Reworkd — ແສງສະຫວ່າງອ່ອນໆໃນແຜນວາດຜະລິດຕະພັນແມ່ນສີດຽວທີ່ເວົ້າດ້ວຍຕົວມັນເອງ, ມັນແມ່ນປຸ່ມການກະທຳ ແລະ ຫົວຂໍ້ການໄລ່ສີທີ່ຢູ່ຂ້າງເທິງມັນ.
- Reflect Notes — ອະວະກາດສີມ່ວງທີ່ເຕັມໄປດ້ວຍດວງດາວແມ່ນຫໍສັງເກດການທີ່ມືດມົວບ່ອນທີ່ມີບັນທຶກລອຍຢູ່ຄືກັບກຸ່ມດາວທຽບກັບພື້ນຫຼັງຂອງຄວາມວ່າງເປົ່າສີຄາມເກືອບດຳ.
- Ameba — ຫ້ອງຄວບຄຸມໃນເວລາທ່ຽງຄືນ - ກະແສໄຟຟ້າສີຟ້າຢູ່ພາຍໃນແຜງກະຈົກທີ່ມີນ້ຳຕານຂຸ່ນ
- Todoist — ພື້ນທີ່ເຮັດວຽກທີ່ມີແສງແດດສ່ອງເຖິງພ້ອມດ້ວຍປື້ມບັນທຶກປະຈຳວັນ - ໂຕະເຮັດວຽກສີຄີມອຸ່ນໆ, ບັນທຶກນໍ້າມຶກ, ປາກກາສີແດງໜຶ່ງອັນ