
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 — ໂຕະເຮັດວຽກທີ່ມີແສງສະຫວ່າງໃນຕອນຄ່ຳທີ່ມີແຜງກະຈົກໃສ