ໂທລະເລກ, WhatsApp+380637610482
ວາເລຣີ ດານຸກ
ວາເລຣີ ດານຸກນັກພັດທະນາການພັດທະນາເຄື່ອງມື AI ສຳລັບທຸລະກິດ. ຄຸນນະພາບສູງ. ລາຄາບໍ່ແພງ.ຂຽນຫາ Telegram
Linear — ຕົວຢ່າງຂອງເວັບໄຊທ໌ໃນຮູບແບບນີ້

Linear

ເຄື່ອງມືຄວາມແມ່ນຍໍາທ່ຽງຄືນ

ລະບົບການອອກແບບ Linear ແມ່ນສູນບັນຊາການກາງຄືນທີ່ສ້າງຂຶ້ນເທິງພື້ນຜິວທີ່ເກືອບເປັນສີດຳ (#08090a) ດ້ວຍຕົວອັກສອນສີຂາວທີ່ຄົມຊັດ ແລະ ມີສີຂຽວປູນຂາວດຽວ (#e4f222) ທີ່ເຮັດໜ້າທີ່ເປັນໄຟສາຍທີ່ໃຊ້ງານໄດ້—ຂະໜາດນ້ອຍ, ມີຄວາມຄົມຊັດສູງ, ແລະ ໃຊ້ຢ່າງລະມັດລະວັງເພື່ອຊີ້ບອກການກະທຳ. ອິນເຕີເຟດຖືວ່າຄວາມມືດເປັນພື້ນຖານແທນທີ່ຈະເປັນຫົວຂໍ້: ຕົວໜັງສືເປັນສີຂາວທີ່ຄົມຊັດດ້ວຍໄລຍະຫ່າງຕົວອັກສອນທີ່ແຄບ (-0.022em), ນ້ຳໜັກຕົວອັກສອນຢູ່ໃນລະດັບຕ່ຳ 400–510 ແທນທີ່ຈະເປັນຕົວໜາ, ແລະ ຂອບແມ່ນບາງຫຼາຍ (0.5px) ເພື່ອໃຫ້ຮູບຮ່າງເລຂາຄະນິດເຮັດວຽກທີ່ເງົາເຮັດໄດ້ຕາມປົກກະຕິ. ອົງປະກອບຮູ້ສຶກວ່າຖືກສ້າງຂຶ້ນຢ່າງແນ່ນອນ—ລັດສະໝີ 6px ແລະ 12px, ຂອບທີ່ກະທັດຮັດ 8–12px, ແລະ ການຂາດອົງປະກອບຕົກແຕ່ງເກືອບໝົດ—ຊ່ວຍໃຫ້ UI ຜະລິດຕະພັນ (ບັດວຽກ, ກະດານ Kanban, ແຜງຕົວແທນ AI) ເປັນໂຄງສ້າງທາງສາຍຕາດຽວໃນລະບົບທີ່ສະຫງົບ.

ຮູບແບບມີຄວາມກວ້າງສູງສຸດປະມານ 1200px, ຢູ່ກາງ, ມີພື້ນຫຼັງສີເຂັ້ມຂະຫຍາຍໄປຮອດຂອບຂອງວິວພອດ. ອົງປະກອບຫຼັກແມ່ນຫົວຂໍ້ຂ່າວຂະໜາດໃຫຍ່, ຈັດລຽງໄວ້ທາງຊ້າຍ (64–72px), ຈັບຄູ່ກັບການຮຽກຮ້ອງໃຫ້ປະຕິບັດ (CTA) ຈັດລຽງໄວ້ທາງຂວາ, ຕາມດ້ວຍພາບໜ້າຈໍຜະລິດຕະພັນຂະໜາດໃຫຍ່ທີ່ຂະຫຍາຍອອກໄປເກີນຄວາມກວ້າງສູງສຸດເລັກນ້ອຍ. ຈັງຫວະຂອງພາກສ່ວນຕ່າງໆສະຫຼັບກັນລະຫວ່າງການປະກອບສອງຖັນທີ່ມີຂໍ້ຄວາມຢູ່ເບື້ອງຊ້າຍ ແລະ ຮູບພາບຢູ່ເບື້ອງຂວາ, ແລະ ແຖບສະແດງຜະລິດຕະພັນຄວາມກວ້າງເຕັມທີ່ແຍກອອກຈາກກັນດ້ວຍຮ່ອງແນວຕັ້ງ 96px. ແຖບທີ່ມີໂລໂກ້ຂອງລູກຄ້າແມ່ນແຖວແນວນອນດຽວ. ໜ້າເວັບບໍ່ເຄີຍໃຊ້ຕາຂ່າຍບັດສາມຖັນ ຫຼື ໂຄງສ້າງກະເບື້ອງ - ຄວາມໜາແໜ້ນຂອງຂໍ້ມູນຍັງຄົງຕໍ່າ, ໂດຍພາກສ່ວນສ່ວນໃຫຍ່ໃຊ້ພື້ນທີ່ສີຂາວທີ່ພຽງພໍ ແລະ ອົງປະກອບຈຸດສຸມດຽວຢູ່ໜ້າຈໍ. ການນຳທາງແມ່ນແຖບດ້ານເທິງຄົງທີ່ທີ່ມີໂລໂກ້ຈັດລຽງໄວ້ທາງຊ້າຍ ແລະ ລິ້ງຈັດລຽງໄວ້ທາງຂວາ, ໂດຍບໍ່ມີແຖບຂ້າງ ຫຼື ເມນູຂະໜາດໃຫຍ່.

ພາສາທີ່ເບິ່ງເຫັນໄດ້ຂອງ Linear ແມ່ນອີງໃສ່ພາບໜ້າຈໍຜະລິດຕະພັນ: ຮູບແຕ້ມໃນຕອນເລີ່ມຕົ້ນ ແລະ ໃນພາກສ່ວນຕ່າງໆແມ່ນຮູບພາບຕົວຈິງຂອງອິນເຕີເຟດຜູ້ໃຊ້ຂອງແອັບ Linear, ເຊິ່ງຖືກບັນທຶກຢ່າງລະອຽດທີ່ສຸດ - ບັດວຽກ, ກະດານ Kanban, ແຜງຄວບຄຸມຕົວແທນ AI, ແຜ່ນຄຳສັ່ງ - ວາງໄວ້ໃນກອບບາງໆ. ບໍ່ມີຮູບພາບສະຕັອກ, ບໍ່ມີຮູບພາບວິຖີຊີວິດ, ບໍ່ມີຮູບແຕ້ມທີ່ບໍ່ມີຕົວຕົນ. ໂລໂກ້ຖືກສະແດງເປັນແຖບສີເທົາທີ່ເປັນກາງ (#8a8f98) ທີ່ມີຂະໜາດເທົ່າກັນສຳລັບລູກຄ້າ. ຮູບສັນຍາລັກແມ່ນຮູບພາບ SVG ເສັ້ນຊື່ທີ່ລຽບງ່າຍໃນລະດັບສີເທົາດຽວ. ພາບໜ້າຈໍຢູ່ເທິງສຸດຂອງໜ້າລອຍຢູ່ເທິງການໄລ່ສີເສັ້ນຊື່ທີ່ລະອຽດອ່ອນ (ຈາກມືດຫາສະຫວ່າງ), ສ້າງຄວາມເລິກຂອງບັນຍາກາດໂດຍບໍ່ຕ້ອງໃຊ້ພູມສັນຖານຕົວຈິງ. ທຸກໆອົງປະກອບທີ່ເບິ່ງເຫັນແມ່ນອົງປະກອບທີ່ເປັນປະໂຫຍດຂອງຜະລິດຕະພັນເອງ.

ພາເລັດ

ຍີ່ຫໍ້

  • Acid Lime #e4f222 — ປຸ່ມຄວບຄຸມຫຼັກ ແລະ ຕົວຊີ້ວັດການນຳທາງທີ່ໃຊ້ງານຢູ່ແມ່ນຈຸດເດັ່ນທີ່ສົດໃສເຊິ່ງທຳລາຍໂຄງສີໂມໂນເຄດ.

ເປັນກາງ

  • Mist #d0d6e0 — ຫົວຂໍ້ສຳຮອງ, ຂໍ້ຄວາມປຸ່ມຢູ່ເທິງພື້ນຜິວສີເຂັ້ມ
  • Void #08090a — ຜ້າໃບໜ້າ, ຮູບພາບພື້ນຫຼັງເຕັມຄວາມກວ້າງ - ຕາມຄ່າເລີ່ມຕົ້ນ, ອົງປະກອບທັງໝົດຈະຖືກວາງໄວ້ໃນພື້ນຫຼັງນີ້.
  • Carbon #0f1011 — ໜ້າດິນບັດ, ແຖບນຳທາງ, ແມ່ນຂັ້ນຕອນໜຶ່ງທີ່ຢູ່ເທິງຜ້າໃບສຳລັບການວາງເນື້ອຫາພາຍໃນບັດ.
  • Obsidian #161718 — ພື້ນຜິວທີ່ຍົກຂຶ້ນ, ແຜງກະດາດແຂງທີ່ເລິກກວ່າ
  • Graphite #23252a — ຂອບທີ່ລະອຽດອ່ອນ, ຕົວແຍກ, ໂຄງຮ່າງປຸ່ມທີ່ລະອຽດອ່ອນ - ຂອບທີ່ມີໂຄງສ້າງທີ່ມີຄວາມຄົມຊັດຕ່ຳ
  • Smoke #383b3f — ຂອບບາງໆມີຄວາມຄົມຊັດສູງກວ່າ graphite - ຕົວແຍກສ່ວນ.

ຮູບແບບຕົວອັກສອນ

ຈາກ 13 ຫາ 72px · 8 ຂັ້ນຕອນ

  • Inter Variable — ການທົດແທນ: Inter (variable) · ໂຄງຮ່າງ 300, 400, 510, 590 · UI ຫຼັກ ແລະ ຟອນຫົວຂໍ້ - ໃຊ້ໃນການນຳທາງ, ຂໍ້ຄວາມ, ຫົວຂໍ້, ປຸ່ມ ແລະ ບັດຕ່າງໆ.
  • Berkeley Mono — ການທົດແທນ: JetBrains Mono · ໂຄງຮ່າງ 400 · ຂໍ້ຄວາມ UI ທີ່ຕິດກັບລະຫັດ - ຕົວລະບຸການປ່ອຍ (ENG-2703), ທາງລັດແປ້ນພິມ, ຂໍ້ມູນເມຕາຂອງຟອນ monospace

ໄລຍະຫ່າງ ແລະ ຮູບແບບ

ຈຸດປະສົງຄວາມໝາຍ
ຄວາມໜາແໜ້ນກວ້າງຂວາງ
ຂັ້ນຕອນພື້ນຖານ8px
ລັດສະໝີປຸ່ມ6px
ລັດສະໝີບັດ12px
ເງົາບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ
ລະຫວ່າງພາກສ່ວນຕ່າງໆ96px
ຄວາມກວ້າງຂອງໜ້າ1200px

AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Linear ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ

  • ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
  • ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
  • ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
  • ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.

ແບບທີ່ຄ້າຍຄືກັນ

  • Aaru — ຫໍສັງເກດການພາກສະໜາມອະນຸພາກໃນເວລາທ່ຽງຄືນ
  • Atlas Card — ຫ້ອງໂຖງກາງຄືນ, ດ້ວຍລັງສີໄພລິນອັນດຽວ, ເປັນພື້ນທີ່ມືດມົວບ່ອນທີ່ສິ່ງດຽວທີ່ສຳຄັນແມ່ນສີຟ້າໄຟຟ້າເຂັ້ມ.
  • Checkly — ສູນຄວບຄຸມພາລະກິດວົງໂຄຈອນເລິກ
  • Savee — ຜ້າໃບສີດຳສຳລັບຜູ້ຮັກສາຮູບພາບ
  • Inngest — ຫໍສັງເກດການທີ່ມືດມົວ ແລະ ງຽບສະຫງົບ, ມີອຸປະກອນສຳລັບເຮັດວຽກກັບເຄື່ອງມື, ມີໄຟສາຍສີເຫຼືອງອຳພັນດວງດຽວ.
  • Dala — ກຸ່ມດາວລອຍຢູ່ເທິງຜ້າກຳມະຢີສີດຳ
  • Origin Financial — ຫ້ອງວາງສະແດງສິລະປະທີ່ງຽບສະຫງົບ ແລະ ຟຸ່ມເຟືອຍໃນຍາມທ່ຽງຄືນ. ຫ້ອງທີ່ງຽບສະຫງົບ ແລະ ເກືອບມືດ ບ່ອນທີ່ຕົວອັກສອນ serif ຂະໜາດໃຫຍ່ ແລະ ແຜງສີທີ່ມີໄຟສ່ອງສະຫວ່າງສອງສາມແຜ່ນ ສ້າງຄວາມຮູ້ສຶກວ່າການເງິນແມ່ນຜົນງານສິລະປະທີ່ຄັດສັນມາຢ່າງລະມັດລະວັງ.
  • Hyperstudio — ຮູບແບບຖືກຂູດເຂົ້າໄປໃນຫີນອອບຊີເດຍນ. ຕົວໜັງສື ແລະ ເສັ້ນບາງໆເປັນກອບສີຂາວທີ່ເຕັມໄປດ້ວຍສີດຳບໍລິສຸດ, ບາງຄັ້ງຄາວກໍ່ມີເຄື່ອງໝາຍເຂັມທິດສີທອງຊີ້ບອກທາງ.
  • Air — ຮູບປັ້ນ "ທ້ອງຟ້າທ່ຽງຄືນຜ່ານແກ້ວ"
  • Resend — ກຳແພງກຳມະຫຍີສີດຳປະສົມສີມ່ວງນີອອນ
  • Raycast — ສູນບັນຊາການທ່ຽງຄືນ, Coral Neon
  • Dimension — ໂຕະເຮັດວຽກທີ່ມີແສງສະຫວ່າງໃນຕອນຄ່ຳທີ່ມີແຜງກະຈົກໃສ