ElevenLabs
ບົດຂຽນຮູບພາບໃນໂທນສີຄຣີມອຸ່ນໆພ້ອມດ້ວຍຫົວຂໍ້ຂ່າວທີ່ລະອຽດອ່ອນ. ປື້ມບັນທຶກແບບ Bauhaus—ເຈ້ຍສີເປືອກໄຂ່, ໝຶກສີດຳ, ແລະສີມ່ວງ ແລະ ສີສົ້ມດຽວສຳລັບວາງສະແດງຜະລິດຕະພັນ.
ElevenLabs ເຮັດວຽກໃນແບບ minimalist ທີ່ອົບອຸ່ນ ແລະ ສີຂາວ: ຜ້າໃບສີເປືອກໄຂ່ (#fdfcfc) ທີ່ມີຕົວອັກສອນສີດຳ ແລະ ພື້ນຜິວ taupe ອຸ່ນຊັ້ນດຽວ (#f5f3f1). ເອກະລັກຂອງຍີ່ຫໍ້ແມ່ນງຽບ ແລະ ໝັ້ນໃຈ - ຕົວອັກສອນ Waldenburg 300 ທີ່ເກືອບແຍກບໍ່ອອກເນັ້ນຫົວຂໍ້ຂ່າວດ້ວຍຄວາມຊັດເຈນທີ່ສຸດ (-0.02em), ໃນຂະນະທີ່ Inter 400/500 ໃຫ້ທຸກຢ່າງເປັນກາງທີ່ສະຫງົບ. ສອງສີທີ່ໂດດເດັ່ນ - ສີມ່ວງສົດໃສ #0447ff ແລະ ສີສົ້ມສົດໃສ #ff4704 - ປາກົດຢູ່ໃນອົງປະກອບທີ່ເບິ່ງເຫັນຂອງຜະລິດຕະພັນເທົ່ານັ້ນ (ສຽງ, ຮູບສັນຍາລັກຜະລິດຕະພັນ), ບໍ່ເຄີຍເປັນໂຄຣມໃນ UI. ອົງປະກອບຍັງຄົງຮາບພຽງ ຫຼື ຍົກຂຶ້ນເລັກນ້ອຍດ້ວຍຂອບບາງໆ 1px, ລັດສະໝີກວ້າງ 20px ໃນບັດ, ແລະ ປຸ່ມ 9999px ເຕັມ. ລະບົບດັ່ງກ່າວເຮັດໃຫ້ນຶກເຖິງສະຕູດິໂອ Bauhaus ເທິງເຈ້ຍສີຄີມ: ມີຄວາມເຄັ່ງຄັດ, ບັນນາທິການ ແລະ ມີຄວາມແນ່ນອນທາງດ້ານເຕັກນິກ.
ພາກສ່ວນທີ່ມີຄວາມກວ້າງເຕັມຖືກຈັດລຽງຕາມແນວຕັ້ງໃນຖັນກາງດຽວທີ່ມີຄວາມກວ້າງສູງສຸດພ້ອມດ້ວຍຮ່ອງລະບາຍນ້ຳດ້ານນອກ 1280px. ພາກສ່ວນຫຼັກແມ່ນບໍ່ສະເໝີກັນ: ຫົວຂໍ້ຖືກຈັດລຽງຊ້າຍທີ່ລະດັບ Waldenburg 48px, ຂໍ້ຄວາມອະທິບາຍຖືກຈັດລຽງຂວາ, ແລະປຸ່ມຮູບຊົງເມັດສອງປຸ່ມຕັ້ງຢູ່ລຸ່ມຫົວຂໍ້. ຢູ່ລຸ່ມພາກສ່ວນຫຼັກແມ່ນແຖບນຳທາງຂະໜາດໃຫຍ່ທີ່ກວມເອົາຄວາມກວ້າງຂອງເນື້ອຫາທັງໝົດ. ພາກສ່ວນຕ່າງໆສະຫຼັບກັນລະຫວ່າງພື້ນຫຼັງສີໄຂ່ ແລະ ສີນ້ຳຕານອ່ອນທີ່ມີຮ່ອງລະບາຍນ້ຳແນວຕັ້ງ 96–125px. ສ່ວນລຸ່ມສຸດແມ່ນແຖບດຽວທີ່ກະທັດຮັດ. ການນຳທາງແມ່ນແຖບດ້ານເທິງແບບ minimalist - ບໍ່ມີພຶດຕິກຳທີ່ຄົງທີ່, ບໍ່ມີເມນູໃຫຍ່. ຈັງຫວະເນື້ອຫາກົງກັບແບບບັນນາທິການ: ມີພື້ນທີ່ສີຂາວຫຼາຍ, ອົງປະກອບພາບຫຼັກໜຶ່ງອັນຕໍ່ພາກສ່ວນ, ແລະບໍ່ມີຕາຂ່າຍບັດພາຍໃຕ້ພາກສ່ວນ "ຄວາມໄວ້ວາງໃຈ".
ການອອກແບບທີ່ເບິ່ງເຫັນແມ່ນຖືກຄອບງຳດ້ວຍໂຄງສີ: ການໄລ່ສີຂະໜາດໃຫຍ່ໃນຮູບແບບຂອງລູກກົມສຽງອ່ອນໆ (ວົງມົນ 200px+ ທີ່ມີການຫັນປ່ຽນແບບລັດສະໝີຈາກສີມ່ວງຫາສີສົ້ມ ແລະ ສີບົວ) ເປັນອົງປະກອບກຣາບຟິກຫຼັກ. ໂລໂກ້ໃນພາກສ່ວນ "ຄວາມໄວ້ວາງໃຈ" ຖືກນຳສະເໜີໃນລະດັບສີເທົາທີ່ມີຄວາມຄົມຊັດຕ່ຳທຽບກັບພື້ນຫຼັງຜ້າໃບດ້ານ. ການຖ່າຍຮູບແມ່ນໜ້ອຍທີ່ສຸດ - ບໍ່ມີຮູບພາບວິຖີຊີວິດ ຫຼື ຜະລິດຕະພັນ. ຮູບສັນຍາລັກແມ່ນຫາຍາກ ແລະ ເປັນສີດຽວ (ໂຄງຮ່າງສີດຳ ຫຼື ຮູບສັນຍາລັກທີ່ເຕີມເຕັມ, ບໍ່ມີຮູບສັນຍາລັກສີ). ລະບົບພາບເຮັດໃຫ້ນຶກເຖິງສິ່ງພິມອອກແບບຫຼາຍກວ່າລາຍການຜະລິດຕະພັນ - ການຈຳກັດດ້ານບັນນາທິການມີອິດທິພົນຕໍ່ຜົນກະທົບຕໍ່ການຕະຫຼາດ.
ພາເລັດ
ຍີ່ຫໍ້
- Violet Spark
#0447ff— ການເນັ້ນພາບຜະລິດຕະພັນ - ປາກົດຢູ່ພາຍໃນຮູບແຕ້ມສຽງ ແລະ ຮູບສັນຍາລັກຜະລິດຕະພັນຕົກແຕ່ງເທົ່ານັ້ນ; ບໍ່ເຄີຍໃຊ້ສຳລັບອົງປະກອບອິນເຕີເຟດ.
ເປັນກາງ
- Eggshell
#fdfcfc— ຜ້າໃບໜ້າ, ໜ້າປັດປຸ່ມ, ແລະ ໜ້າບັດມີຄວາມອົບອຸ່ນ, ມີສີຄຣີມເລັກນ້ອຍ, ແທນທີ່ຈະເປັນສີຂາວເຂັ້ມ, ເພື່ອຫຼີກເວັ້ນແສງຈ້າດິຈິຕອນ ແລະ ເຮັດໃຫ້ສະຖານທີ່ມີຄວາມງຽບສະຫງົບຄືກັບເຈ້ຍ. - Warm Taupe
#f5f3f1— ແຖບແບ່ງ, ບັດຕົກແຕ່ງ ແລະ ລະດັບໜ້າດິນເພີ່ມເຕີມ - ເລິກກວ່າໜ້າດິນດ້ານໜຶ່ງຂັ້ນຕອນ - ສ້າງການແຍກທີ່ງຽບສະຫງົບ ແລະ ບໍ່ມີຂອບ. - Stone
#ebe8e4— ຂອບບາງ, ຕົວແບ່ງ ແລະ ພື້ນຫຼັງຮູບສັນຍາລັກແມ່ນສີເທົາອຸ່ນທີ່ຢູ່ລະຫວ່າງສີນ້ຳຕານອ່ອນ ແລະ ສີເທົາປານກາງໂດຍບໍ່ຮູ້ສຶກໜາວ. - Ink
#000000— ບໍ່ວ່າຈະເປັນຂໍ້ຄວາມໃນໜ້າຈໍ, ປຸ່ມທີ່ເຕັມໄປ, ການນຳທາງ ຫຼື ລິ້ງ, ສີດຳບໍລິສຸດເຮັດໜ້າທີ່ເປັນພື້ນຖານສຳລັບແຜ່ນສີທີ່ອົບອຸ່ນ ແລະ ສ້າງຄວາມແຕກຕ່າງທີ່ຄົມຊັດພຽງຢ່າງດຽວໃນລະບົບ. - Graphite
#44403b— ເນື້ອໃນຂໍ້ຄວາມ, ຫົວຂໍ້ພາກສ່ວນ - ສີເທົາເຂັ້ມອຸ່ນອ່ອນໆ ສຳລັບຂໍ້ຄວາມທີ່ຕ້ອງການຄວາມຊັດເຈນໂດຍບໍ່ມີຄວາມຮຸນແຮງຄືກັບສີດຳ. - Smoke
#777169— ຂໍ້ຄວາມຫຼັກ, ຄຳອະທິບາຍທີ່ບໍ່ຊັດເຈນ, ແລະ ຄຳບັນຍາຍແມ່ນຢູ່ໃນສີເທົາປານກາງທີ່ອົບອຸ່ນ; ຮູບແບບທີ່ໂດດເດັ່ນ, ອ່ານງ່າຍ, ແຕ່ສະຫງົບຂອງບັດ ແລະ ຂໍ້ຄວາມຕາມຫົວຂໍ້.
ຮູບແບບຕົວອັກສອນ
ຈາກ 10 ຫາ 48px · 8 ຂັ້ນຕອນ
- Waldenburg — ການທົດແທນ: Inter (300) or Söhne Light · ໂຄງຮ່າງ 300 · ສຳລັບຫົວຂໍ້ ແລະ ອົງປະກອບການອອກແບບເທົ່ານັ້ນ. ໃຊ້ໃນຮູບແບບ 48/36/32px ທີ່ມີນ້ຳໜັກຕົວອັກສອນ 300—ຕົວອັກສອນທີ່ເບົາບາງຫຼາຍແມ່ນບໍ່ທຳມະດາ; ເວັບໄຊທ໌ສ່ວນໃຫຍ່ໃຊ້ 600-700; ຕົວອັກສອນທີ່ລະອຽດອ່ອນນີ້ສະແດງເຖິງສິດອຳນາດຜ່ານຄວາມຍັບຍັ້ງ. ໄລຍະຫ່າງຕົວອັກສອນທີ່ແຄບຂອງ -0.02em ສ້າງຄວາມພໍດີລະຫວ່າງຕົວອັກສອນທີ່ມີຂະໜາດໃຫຍ່ກວ່າ. ທາງເລືອກອື່ນ: "Inter" ໃນນ້ຳໜັກ 300 ຫຼື "Söhne" ໃນນ້ຳໜັກເບົາເປັນທາງເລືອກທີ່ນິຍົມ.
- Inter — ການທົດແທນ: Inter or system-ui · ໂຄງຮ່າງ 400, 500 · ທຸກຢ່າງນອກໜ້າຈໍ: ຂໍ້ຄວາມ, ການນຳທາງ, ປຸ່ມ, ລິ້ງ, ປ້າຍກຳກັບ, ຊ່ອງຂໍ້ມູນປ້ອນຂໍ້ມູນ, ບັດ. 400 ແມ່ນນ້ຳໜັກເລີ່ມຕົ້ນ; 500 ແມ່ນສະຫງວນໄວ້ສຳລັບປຸ່ມ ແລະ ລິ້ງທີ່ໄຮໄລ້ໄວ້. ຂະໜາດມີຕັ້ງແຕ່ 10 ຫາ 10, ໂດຍມີໄລຍະຫ່າງລະຫວ່າງແຖວຫຼຸດລົງ (1.47–1.6), ເຮັດໃຫ້ວັກມີພື້ນທີ່ຫາຍໃຈ. ໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນຂະໜາດນ້ອຍ +1 (2) ໃນຂະໜາດຕັ້ງແຕ່ 14 ຫາ 3 ປັບປຸງການອ່ານງ່າຍໃນຂະໜາດນ້ອຍ.
- Geist Mono — ການທົດແທນ: JetBrains Mono or IBM Plex Mono · ໂຄງຮ່າງ 400 · ຂໍ້ຄວາມຂະໜາດນ້ອຍຕັ້ງຢູ່ຖັດຈາກລະຫັດ ຫຼື ຂໍ້ຄວາມດ້ານວິຊາການ, ຕັ້ງຢູ່ທີ່ 13px—ບໍ່ຄ່ອຍໄດ້ໃຊ້ (ຄວາມຖີ່ = 28) ສຳລັບປ້າຍກຳກັບດ້ານວິຊາການ ຫຼື ຂໍ້ມູນ meta. ຊັ້ນດຽວ, ຄວາມສູງຂອງແຖວໃຫຍ່ 1.69.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 8-16px |
| ລັດສະໝີປຸ່ມ | 9999px |
| ລັດສະໝີບັດ | 20px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 96-125px |
| ຄວາມກວ້າງຂອງໜ້າ | 1280px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ ElevenLabs ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Awesomic — ຕາໜ່າງສັງກະສີບັນນາທິການທີ່ມີເຄື່ອງໝາຍວັກຕອນສີສົ້ມເຮັດໃຫ້ນຶກເຖິງເຈ້ຍປິວຕີ້
- Monad — ວາລະສານດ້ານວິຊາການກ່ຽວກັບເຈ້ຍ parchment ອຸ່ນ
- Dub — ແຜງຄວບຄຸມເຈ້ຍເຂົ້າດ້ານຂອງ Link
- Seline Analytics — ໂຕະວິເຄາະທີ່ງຽບສະຫງົບຢູ່ເທິງເຈ້ຍອຸ່ນໆ
- Notion — ປື້ມບັນທຶກເຈ້ຍອຸ່ນໆໃນແສງແດດທ່ຽງວັນ
- Anthropic — ວາລະສານວິທະຍາສາດພາກສະໜາມກ່ຽວກັບຜ້າໜັງແກະອຸ່ນໆ—ໜ້າຜິວງາຊ້າງທີ່ສະຫງົບ, ຫົວຂໍ້ບັນນາທິການທີ່ມີລວດລາຍ, ແລະ ການເນັ້ນສີດິນເຜົາດຽວທີ່ປາກົດຂຶ້ນເມື່ອຕ້ອງການການປະຕິບັດເທົ່ານັ້ນ.
- Calendly — ນໍ້າມຶກສີຟ້າເຂັ້ມເທິງຫິນອ່ອນເຢັນ
- Augen Pro — ການນຳສະເໜີສີຂາວຂອງ Apple ມີສີຟ້າໄຟຟ້າທີ່ມີນ້ຳໜັກເບົາ ແລະ ເປັນສີທຳມະດາເປັນຈຸດເດັ່ນໃນພື້ນທີ່ສີຂາວດຽວ.
- Antimetal — ບັນທຶກເຫດການໃນເຈ້ຍສີຄີມ - ຕອນເຊົ້າທີ່ງຽບສະຫງົບຢູ່ວາລະສານວິທະຍາສາດ, ບ່ອນທີ່ຄວາມຍັບຍັ້ງສະແດງຄວາມໝັ້ນໃຈ ແລະ ຮອຍຂີດຂ່ວນເຮັດໃຫ້ເກີດຄວາມໜັກໜ່ວງ
- Perk — ປູນຂາວໄຟຟ້າໃສ່ເຈ້ຍ parchment ອຸ່ນໆ
- Ditto — ກອງປະຊຸມທີ່ມີແສງແດດສ່ອງເຖິງການສ້າງຕົວຢ່າງດອກໄມ້ປ່າ. ພື້ນຜິວສີຄຣີມອຸ່ນ, ສີພື້ນຖານສີເຫຼືອງສົດໃສ, ນໍ້າມຶກສີຟ້າເຂັ້ມ, ຮູບແບບສີອໍແກນິກທີ່ເບັ່ງບານຢູ່ທາງຫຼັງຊິ້ນສ່ວນ.
- Officevibe — ວາລະສານບັນນາທິການທີ່ຂຽນດ້ວຍເຈ້ຍສີຄຣີມອຸ່ນໆ. ລອງນຶກພາບເຖິງບົດຂຽນທີ່ຄິດເຖິງກ່ຽວກັບການຄຸ້ມຄອງຊັບພະຍາກອນມະນຸດ, ນຳສະເໜີເປັນຜະລິດຕະພັນ - ຕົວອັກສອນຕົວຫຍໍ້ serif ທີ່ກະຊິບຜ່ານອິນເຕີເຟດສີຟ້າທີ່ທັນສະໄໝ.