Calendly
ນໍ້າມຶກສີຟ້າເຂັ້ມເທິງຫິນອ່ອນເຢັນ
Calendly ຮູ້ສຶກຄືກັບພື້ນທີ່ເຮັດວຽກວາງແຜນທີ່ສະຫງົບ ແລະ ໝັ້ນໃຈ: ຜ້າໃບເກືອບຂາວທີ່ມີຫ້ອງຫາຍໃຈຫຼາຍ, ບັດຜະລິດຕະພັນສີຂາວທີ່ສົດໃສລອຍຢູ່ເທິງພື້ນຫຼັງສີເທົາເຢັນ, ແລະຮູບແບບຕົວອັກສອນທັງໝົດທີ່ສະແດງດ້ວຍໝຶກສີຟ້າເຂັ້ມແທນທີ່ຈະເປັນສີດຳບໍລິສຸດ. ອົງປະກອບທີ່ກຳນົດແມ່ນສີຟ້າເຂັ້ມ (#0b3558), ທີ່ໃຊ້ທຸກບ່ອນທີ່ຂໍ້ຄວາມປາກົດ - ຫົວຂໍ້ຂ່າວ, ປຸ່ມ, ຮູບສັນຍາລັກ, ລິ້ງ - ເຊິ່ງເຮັດໃຫ້ອິນເຕີເຟດທັງໝົດອ່ອນລົງ, ເຮັດໃຫ້ມັນອົບອຸ່ນ ແລະ ທັນສະໄໝກວ່າໜ້າ Landing Page SaaS ທົ່ວໄປ. ສີຟ້າສົດໃສອັນດຽວ (#006bff) ຖືກນໍາໃຊ້ສໍາລັບການກະທຳຫຼັກທັງໝົດ, ແລະ ສີບົວ ແລະ ສີຟ້າທີ່ຕົກແຕ່ງທີ່ຂະຫຍາຍອອກໄປນອກຮູບແບບຂອງຜະລິດຕະພັນເພີ່ມຄວາມອົບອຸ່ນໂດຍບໍ່ສ້າງຄວາມວຸ້ນວາຍ. ອົງປະກອບຕ່າງໆຖືກຮັກສາໄວ້ຢ່າງລະອຽດ: ຂອບບາງໆ 1px, ເງົາສີຟ້າອ່ອນໆ, ລັດສະໝີບັດຂະໜາດໃຫຍ່ 24px, ແລະ ມຸມປຸ່ມ 8px ຮູ້ສຶກວ່າມີເຈດຕະນາແທນທີ່ຈະຈືດໆ.
ຄວາມກວ້າງສູງສຸດ 1200px, ຢູ່ກາງ, ມີຂອບກວ້າງໃນເດັສທັອບ. ໜ້າຈໍຫຼັກແບ່ງອອກເປັນສອງຖັນຄື: ຖັນຊ້າຍປະກອບດ້ວຍຫົວຂໍ້ 80px + ຂໍ້ຄວາມເນື້ອໃນ + ປຸ່ມເຂົ້າສູ່ລະບົບທີ່ຊ້ອນກັນ, ໃນຂະນະທີ່ຖັນຂວາປະກອບດ້ວຍບັດວິດເຈັດການຈອງທີ່ມີອົງປະກອບຕົກແຕ່ງຢູ່ພື້ນຫຼັງ. ຢູ່ດ້ານລຸ່ມຂອງໜ້າຈໍຫຼັກແມ່ນແຖບຄວາມກວ້າງເຕັມດຽວທີ່ມີໂລໂກ້ Trust. ພາກສ່ວນຕໍ່ມາສະຫຼັບກັນລະຫວ່າງບລັອກຫົວຂໍ້ທີ່ຢູ່ກາງ (H2 + ຂໍ້ຄວາມຍ່ອຍ + ການຮຽກຮ້ອງໃຫ້ປະຕິບັດທາງເລືອກ), ຕາມດ້ວຍບລັອກສອງຖັນທີ່ອະທິບາຍຄຸນສົມບັດ (ຂໍ້ຄວາມຊ້າຍ/ຜະລິດຕະພັນຂວາ ຫຼື ຜະລິດຕະພັນຊ້າຍ/ຂໍ້ຄວາມຂວາ) ທີ່ມີອົງປະກອບຕົກແຕ່ງຢູ່ຫຼັງຮູບພາບຜະລິດຕະພັນແຕ່ລະຮູບ. ຕາຂ່າຍບັດບໍ່ຄ່ອຍຖືກໃຊ້ - ຮູບແບບການຈັດລຽງສະໜັບສະໜູນພາກສ່ວນທີ່ຈັບຄູ່ກັນວາງຄຽງຄູ່ກັນແທນທີ່ຈະເປັນຕາຂ່າຍຫຼາຍຖັນ. ໄລຍະຫ່າງລະຫວ່າງພາກສ່ວນຕ່າງໆມີຕັ້ງແຕ່ 48 ຫາ 64px. ການນຳທາງແມ່ນແຖບດ້ານເທິງຄົງທີ່ 64px ທີ່ມີໂລໂກ້ຢູ່ເບື້ອງຊ້າຍ, ເມນູຢູ່ກາງ, ແລະກຸ່ມຂອງການຮຽກຮ້ອງໃຫ້ປະຕິບັດຢູ່ເບື້ອງຂວາ.
ອົງປະກອບທີ່ເບິ່ງເຫັນໄດ້ຫຼັກແມ່ນພາບໜ້າຈໍຜະລິດຕະພັນ—ຮູບແບບງ່າຍໆຂອງອິນເຕີເຟດຜູ້ໃຊ້ປະຕິທິນການຈອງ, ສະແດງຢູ່ເທິງບັດສີຂາວທີ່ຄົມຊັດພ້ອມດ້ວຍມຸມມົນກວ້າງ. ການອອກແບບການຕົກແຕ່ງ: ບັດຜະລິດຕະພັນແຕ່ລະອັນຖືກອ້ອມຮອບດ້ວຍຈຸດອ່ອນຂອງສີມ່ວງປະກາລັງ (#e55cff) ຫຼືສີຟ້າອ່ອນ (#0099ff), ມີຄວາມມືດມົວເລັກນ້ອຍ, ສ້າງຜົນກະທົບຂອງຮູບຕໍ່ກັນແທນທີ່ຈະເປັນພາບໜ້າຈໍທີ່ຮາບພຽງ. ບໍ່ມີຮູບຖ່າຍ, ບໍ່ມີຮູບພາບວິຖີຊີວິດ—ອົງປະກອບທີ່ເບິ່ງເຫັນທັງໝົດສະແດງເຖິງອິນເຕີເຟດຜູ້ໃຊ້ຜະລິດຕະພັນ, ຮູບຮ່າງທີ່ບໍ່ມີຕົວຕົນ, ຫຼືໂລໂກ້ຄູ່ຮ່ວມງານສີດຽວໃນແຖບຄວາມໄວ້ວາງໃຈ. ຮູບສັນຍາລັກແມ່ນເສັ້ນຊື່ທີ່ມີຄວາມກວ້າງຂອງເສັ້ນ 1.5–2px, ສີດຽວ, ສີຟ້າເຂັ້ມ (ສີນ້ຳເງິນເຂັ້ມ) ຫຼືສີຟ້າ (ສີຟ້າສັນຍານ).
ພາເລັດ
ຍີ່ຫໍ້
- Ink Navy
#0b3558— ຂໍ້ຄວາມຫຼັກ, ຫົວຂໍ້, ຮູບສັນຍາລັກ, ພື້ນຫຼັງສີເຂັ້ມສຳລັບການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດ, ລິ້ງການນຳທາງ. - Signal Blue
#006bff— ການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດຫຼັກ (CTA), ການນຳທາງທີ່ໃຊ້ງານຢູ່, ການເນັ້ນໜັກລິ້ງ, ສະຖານະທີ່ເລືອກ
ເປັນກາງ
- Carbon
#0a0a0a— ຂໍ້ຄວາມເປັນສີດຳບໍລິສຸດ (ທາງເລືອກ), ຮູບສັນຍາລັກໂລໂກ້, ຕື່ມຮູບສັນຍາລັກ. - Slate Gray
#476788— ຂໍ້ຄວາມຫຼັກເພີ່ມເຕີມ, ຂໍ້ຄວາມສະໜັບສະໜຸນ, ປ້າຍກຳກັບທີ່ປິດສຽງໄວ້. - Mist Gray
#a6bbd1— ຂໍ້ຄວາມທີ່ປິດໃຊ້ງານ, ປ້າຍກຳກັບຟັງຊັນທີ່ບໍ່ເຮັດວຽກ, ໂຄງຮ່າງໄອຄອນສີອ່ອນ - Cloud
#f8f9fb— ຜ້າໃບໜ້າ, ພື້ນຫຼັງສ່ວນລຸ່ມ, ໜ້າພິເສດ - Paper
#ffffff— ໜ້າດິນບັດ, ແຜງຍົກຂຶ້ນ, ຂໍ້ຄວາມປຸ່ມເທິງພື້ນຫຼັງສີເຂັ້ມ. - Pebble
#f0f3f8— ຮູບພາບພື້ນຫຼັງສຳລັບໄອຄອນ, ການໃສ່ຮົ່ມຊ່ອງປ້ອນຂໍ້ມູນ, ຕົວແຍກທີ່ຊັດເຈນ, ຜົນກະທົບຂອງການເລື່ອນເມົ້າໄປເມົ້າ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 80px · 10 ຂັ້ນຕອນ
- Gilroy — ການທົດແທນ: Manrope · ໂຄງຮ່າງ 400, 500, 600, 700 · ຂໍ້ຄວາມທັງໝົດໃນໜ້າຕ່າງ. Gilroy ເປັນຕົວອັກສອນ sans-serif ແບບເລຂາຄະນິດທີ່ມີຮູຮັບແສງກວ້າງ ແລະ ມີຄວາມແຕກຕ່າງຂອງເສັ້ນຂີດທີ່ສະໝໍ່າສະເໝີ; ນ້ຳໜັກຕົວໜາ (700) ຂອງມັນຖືກໃຊ້ສຳລັບຫົວຂໍ້, ໃນຂະນະທີ່ 500–600 ແມ່ນຖືກໃຊ້ສຳລັບປຸ່ມ ແລະ ຫົວຂໍ້ຍ່ອຍ. ປ່ຽນດ້ວຍ Manrope ຫຼື Inter.
- Gilroy — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400 · ຂໍ້ຄວາມໃນຕົວໜັງສື ແລະ ປ້າຍ UI ທົ່ວໄປ - ນ້ຳໜັກຕົວອັກສອນ 400 ຈຸດຮັບປະກັນວ່າຂໍ້ຄວາມຍາວໆສາມາດອ່ານອອກໄດ້ໂດຍບໍ່ຮູ້ສຶກວ່າໜັກ.
- Gilroy — ການທົດແທນ: Inter · ໂຄງຮ່າງ 500 · ຫົວຂໍ້ສຳຮອງ ແລະ ຂໍ້ຄວາມທີ່ເນັ້ນໃຫ້ເຫັນ - ຕົວອັກສອນ 14/500 ແມ່ນເຄື່ອງມືຫຼັກສຳລັບຫົວຂໍ້ບັດ ແລະ ປ້າຍຊື່ໃນແຖວ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 8-16px |
| ລັດສະໝີປຸ່ມ | 8px |
| ລັດສະໝີບັດ | 24px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 48-64px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Calendly ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- ElevenLabs — ບົດຂຽນຮູບພາບໃນໂທນສີຄຣີມອຸ່ນໆພ້ອມດ້ວຍຫົວຂໍ້ຂ່າວທີ່ລະອຽດອ່ອນ. ປື້ມບັນທຶກແບບ Bauhaus—ເຈ້ຍສີເປືອກໄຂ່, ໝຶກສີດຳ, ແລະສີມ່ວງ ແລະ ສີສົ້ມດຽວສຳລັບວາງສະແດງຜະລິດຕະພັນ.
- Awesomic — ຕາໜ່າງສັງກະສີບັນນາທິການທີ່ມີເຄື່ອງໝາຍວັກຕອນສີສົ້ມເຮັດໃຫ້ນຶກເຖິງເຈ້ຍປິວຕີ້
- Monad — ວາລະສານດ້ານວິຊາການກ່ຽວກັບເຈ້ຍ parchment ອຸ່ນ
- Dub — ແຜງຄວບຄຸມເຈ້ຍເຂົ້າດ້ານຂອງ Link
- Seline Analytics — ໂຕະວິເຄາະທີ່ງຽບສະຫງົບຢູ່ເທິງເຈ້ຍອຸ່ນໆ
- Notion — ປື້ມບັນທຶກເຈ້ຍອຸ່ນໆໃນແສງແດດທ່ຽງວັນ
- Anthropic — ວາລະສານວິທະຍາສາດພາກສະໜາມກ່ຽວກັບຜ້າໜັງແກະອຸ່ນໆ—ໜ້າຜິວງາຊ້າງທີ່ສະຫງົບ, ຫົວຂໍ້ບັນນາທິການທີ່ມີລວດລາຍ, ແລະ ການເນັ້ນສີດິນເຜົາດຽວທີ່ປາກົດຂຶ້ນເມື່ອຕ້ອງການການປະຕິບັດເທົ່ານັ້ນ.
- Augen Pro — ການນຳສະເໜີສີຂາວຂອງ Apple ມີສີຟ້າໄຟຟ້າທີ່ມີນ້ຳໜັກເບົາ ແລະ ເປັນສີທຳມະດາເປັນຈຸດເດັ່ນໃນພື້ນທີ່ສີຂາວດຽວ.
- Antimetal — ບັນທຶກເຫດການໃນເຈ້ຍສີຄີມ - ຕອນເຊົ້າທີ່ງຽບສະຫງົບຢູ່ວາລະສານວິທະຍາສາດ, ບ່ອນທີ່ຄວາມຍັບຍັ້ງສະແດງຄວາມໝັ້ນໃຈ ແລະ ຮອຍຂີດຂ່ວນເຮັດໃຫ້ເກີດຄວາມໜັກໜ່ວງ
- Perk — ປູນຂາວໄຟຟ້າໃສ່ເຈ້ຍ parchment ອຸ່ນໆ
- Ditto — ກອງປະຊຸມທີ່ມີແສງແດດສ່ອງເຖິງການສ້າງຕົວຢ່າງດອກໄມ້ປ່າ. ພື້ນຜິວສີຄຣີມອຸ່ນ, ສີພື້ນຖານສີເຫຼືອງສົດໃສ, ນໍ້າມຶກສີຟ້າເຂັ້ມ, ຮູບແບບສີອໍແກນິກທີ່ເບັ່ງບານຢູ່ທາງຫຼັງຊິ້ນສ່ວນ.
- Officevibe — ວາລະສານບັນນາທິການທີ່ຂຽນດ້ວຍເຈ້ຍສີຄຣີມອຸ່ນໆ. ລອງນຶກພາບເຖິງບົດຂຽນທີ່ຄິດເຖິງກ່ຽວກັບການຄຸ້ມຄອງຊັບພະຍາກອນມະນຸດ, ນຳສະເໜີເປັນຜະລິດຕະພັນ - ຕົວອັກສອນຕົວຫຍໍ້ serif ທີ່ກະຊິບຜ່ານອິນເຕີເຟດສີຟ້າທີ່ທັນສະໄໝ.