Cursor
ໂຮງງານເຮັດເຈ້ຍໜັງທີ່ອົບອຸ່ນ, ມີໄຟສ່ອງສະຫວ່າງຈາກຖ່ານທີ່ກຳລັງລຸກໄໝ້
Cursor ໃຊ້ຮູບແບບຕົວອັກສອນທີ່ອົບອຸ່ນຄ້າຍຄືເຈ້ຍ parchment: ຜ້າໃບສີຄຣີມ, ຕົວໜັງສືສີດຳອ່ອນໆ, ແລະ ມີສີສົ້ມເຂັ້ມອັນດຽວທີ່ເປີດໃຊ້ລິ້ງ ແລະ ການເລືອກແທນທີ່ຈະໃຊ້ປຸ່ມເຕີມ. ຫົວຂໍ້, ຕັ້ງໃນ CursorGothic ທີ່ນ້ຳໜັກ 400, ມີໄລຍະຫ່າງຕົວອັກສອນທີ່ຫຼຸດລົງເທື່ອລະກ້າວເມື່ອພວກມັນເພີ່ມຂະໜາດຂຶ້ນ - ຄວາມໜ້າເຊື່ອຖືແມ່ນບັນລຸໄດ້ຜ່ານຄວາມຍັບຍັ້ງ ແລະ ນ້ຳໜັກຕົວອັກສອນບາງໆແທນທີ່ຈະເປັນຄວາມໜາ. ພື້ນຜິວຖືກຮັກສາໄວ້ໃຫ້ຮາບພຽງ ແລະ ຄ້າຍຄືເຈ້ຍ, ມີຂອບບາງໆ ແລະ ເງົາສີເທົາອ່ອນໆ ແລະ ອົບອຸ່ນ; ມຸມຍັງຄົງຄົມຊັດທີ່ນ້ຳໜັກ 4px ຕະຫຼອດຂໍ້ຄວາມ. EB Garamond ຖືກນຳໃຊ້ຢ່າງເລືອກເຟັ້ນສຳລັບຫົວຂໍ້ຍ່ອຍ ແລະ ບົດຂຽນ, ໃນຂະນະທີ່ berkeleyMono ຈັດການລະຫັດ, ແທັກ, ແລະ metadata, ເຮັດໃຫ້ລະບົບມີບຸກຄະລິກກະພາບດ້ານຕົວອັກສອນທີ່ຮູ້ສຶກຄືກັບວາລະສານວັນນະຄະດີຫຼາຍກວ່າແຜງຄວບຄຸມ SaaS.
ຄວາມກວ້າງສູງສຸດ: ຢູ່ກາງ 1300px, ຂອບ 24px. ການນຳທາງດ້ານເທິງ: ຫົວຂໍ້ໂປ່ງໃສສູງ 52px ພ້ອມດ້ວຍໂລໂກ້ ແລະ ເຄື່ອງໝາຍຂໍ້ຄວາມຢູ່ເບື້ອງຊ້າຍ, ລິ້ງນຳທາງຢູ່ໃຈກາງ 4 ລິ້ງ, ກຸ່ມ "ເຂົ້າສູ່ລະບົບ / ຕິດຕໍ່ / ດາວໂຫຼດ" ຈັດຮຽງໄປທາງຂວາ. Hero: ຫົວຂໍ້ຈັດຮຽງຊ້າຍ + ບລັອກການຮຽກຮ້ອງໃຫ້ປະຕິບັດສອງອັນທີ່ມີຂໍ້ຄວາມແລ່ນມາຈາກເບື້ອງຊ້າຍດ້ານເທິງ, ຈາກນັ້ນບັດຈຳລອງຜະລິດຕະພັນເຕັມຄວາມກວ້າງທີ່ກວມເອົາຄວາມກວ້າງທັງໝົດຂອງໜ້າ. ແຖບຄວາມໄວ້ວາງໃຈ: ແຖວແນວນອນໜຶ່ງແຖວຂອງໂລໂກ້ 8 ແຜ່ນໃນແຖວດຽວຂ້າມຄວາມກວ້າງຂອງພາກສ່ວນ. ຂໍ້ຄວາມສະຫຼັບພາກສ່ວນຄຸນສົມບັດຢູ່ເບື້ອງຊ້າຍ ແລະ ພາບໜ້າຈໍຢູ່ເບື້ອງຂວາໃນຮູບແບບສອງຖັນ, ແຕ່ລະຖັນມີອັດຕາສ່ວນ 50/50, ມີຈັງຫວະຕັ້ງ 64-96px ລະຫວ່າງພາກສ່ວນ. ພາບໜ້າຈໍຄຸນສົມບັດທັງໝົດແມ່ນຈຳລອງໜ້າຕ່າງທີ່ມີຮູບແບບ macOS ຄືກັນ. Footer: ຕາຂ່າຍລິ້ງສີ່ຖັນທີ່ມີເຄື່ອງໝາຍຍີ່ຫໍ້ຢູ່ເບື້ອງຊ້າຍ. ພາກສ່ວນຕ່າງໆຖືກແຍກອອກດ້ວຍພື້ນທີ່ຫາຍໃຈທີ່ກວ້າງຂວາງແທນທີ່ຈະເປັນຕົວແບ່ງ - ຜ້າໃບສີຄີມເອງໃຫ້ການແຍກ.
ພາບໜ້າຈໍຜະລິດຕະພັນເປັນຈຸດໃຈກາງ: ຮູບແບບໜ້າຕ່າງ macOS ຂະໜາດໃຫຍ່ທີ່ສະແດງ Cursor IDE ໃນການເຮັດວຽກ: ແຖບໄຟລ໌, ມຸມມອງທີ່ແຕກຕ່າງກັນ, ແຜນການຕົວແທນ, ແຜງ terminal, ແລະການເຊື່ອມໂຍງ Slack/chat. ຮູບແບບໜ້າຕ່າງແຕ່ລະອັນຖືກກອບດ້ວຍບັດ #f2f1ed ທີ່ມີຄວາມຄົມຊັດທີ່ອ່ອນໂຍນແລະອົບອຸ່ນ. ຮູບພາບພູມສັນຖານທີ່ມືດມົວ (ພູຜາ/ທະເລຊາຍ) ຂະຫຍາຍອອກໄປນອກພາກສ່ວນຫຼັກ, ເພີ່ມຄວາມອົບອຸ່ນໂດຍບໍ່ຕ້ອງແຂ່ງຂັນກັບ UI. ໂລໂກ້ລູກຄ້າ ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) ຖືກນຳສະເໜີເປັນຕົວອັກສອນສີດຽວພາຍໃນກະເບື້ອງ Linen ຮູບຊົງເມັດ. ບໍ່ມີຮູບຖ່າຍຂອງຄົນ, ພາບປະກອບ, ຫຼືອົງປະກອບກຣາບຟິກຕົກແຕ່ງທີ່ບໍ່ມີຕົວຕົນ - ນ້ຳໜັກທີ່ເບິ່ງເຫັນທັງໝົດແມ່ນສຸມໃສ່ UI ແລະການສ້າງຍີ່ຫໍ້ຂອງຜະລິດຕະພັນ. ຮູບສັນຍາລັກແມ່ນບາງ, ຮູບສັນຍາລັກເສັ້ນດຽວທີ່ເຕັມໄປດ້ວຍ #7a7974 Ash, ບໍ່ເຄີຍມີສີ.
ພາເລັດ
ເປັນກາງ
- Ink
#26251e— ຂໍ້ຄວາມຫຼັກ, ພື້ນຫຼັງປຸ່ມການກະທຳຫຼັກ, ຂໍ້ຄວາມນຳທາງ - ຮົ່ມທີ່ອົບອຸ່ນ, ເກືອບເປັນສີດຳ, ບໍ່ເຄີຍບໍລິສຸດ #000 - Parchment
#f7f7f4— ພື້ນຫຼັງໜ້າເວັບ, ເຊິ່ງເປັນຜ້າໃບຫຼັກ, ແມ່ນສີຄຣີມອຸ່ນທີ່ເຮັດໃຫ້ຄວາມຄົມຊັດອ່ອນລົງ ແລະ ສ້າງຄວາມຮູ້ສຶກຄືກັບການພິມດ້ວຍໝຶກຫຼາຍກວ່າການພິມດິຈິຕອນ. - Bone
#f2f1ed— ໜ້າດິນກະດາດແຂງ ແລະ ພາຊະນະທີ່ຍົກຂຶ້ນ, ມືດກວ່າຜ້າໃບໜຶ່ງໂທນ, ສ້າງຜົນກະທົບຂອງ "ເຈ້ຍໃສ່ເຈ້ຍ" ແບບຊັ້ນໆ ແລະ ບໍ່ມີຂອບ. - Linen
#e6e5e0— ຕື່ມສີອ່ອນໆທີ່ເປັນກາງສຳລັບປຸ່ມຕ່າງໆໃນພື້ນຜິວສີເຂັ້ມ. - Stone
#cdcdc9— ຂອບບາງ, ຕົວແບ່ງ, ຕົວແບ່ງທີ່ລະອຽດອ່ອນ - ເສັ້ນ 1px ໃນໂທນສີອຸ່ນ - Mist
#a1a19f— ຂໍ້ຄວາມຊ່ວຍລະດັບທີສາມ, ຄຳບັນຍາຍ - ລະຫວ່າງຂໍ້ຄວາມທີ່ປິດສຽງ ແລະ ຂໍ້ຄວາມສຳຮອງ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 72px · 6 ຂັ້ນຕອນ
- CursorGothic — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 500 · ຟອນຫຼັກສຳລັບອິນເຕີເຟດຜູ້ໃຊ້, ຫົວຂໍ້, ການນຳທາງ, ເນື້ອໃນ, ແລະ ການອອກແບບຜະລິດຕະພັນ. ຫົວຂໍ້ທີ່ມີນ້ຳໜັກ 400 ຈຸດ ແລະ ໄລຍະຫ່າງຕົວອັກສອນທີ່ຄ່ອຍໆຫຼຸດລົງ (-0.005em ທີ່ 22px → -0.03em ທີ່ 72px) ແມ່ນລັກສະນະທີ່ໂດດເດັ່ນຂອງຟອນ: ຫົວຂໍ້ບໍ່ເຄີຍເປັນຕົວໜາ. ຟັງຊັນຟອນ ss08, ss09, ແລະ tnum ເປີດໃຊ້ຕົວເລືອກແບບແຜນ ແລະ ຕົວເລກຕາຕະລາງ.
- EB Garamond — ການທົດແທນ: Iowan Old Style · ໂຄງຮ່າງ 400, 500 · ຕົວອັກສອນ serif ສຳລັບຫົວຂໍ້ຍ່ອຍ, ເນື້ອໃນ, ແລະຂໍ້ມູນຕາຕະລາງ, CursorGothic ເພີ່ມການສຳຜັດທາງວັນນະຄະດີໃຫ້ກັບອິນເຕີເຟດ.
- berkeleyMono — ການທົດແທນ: ui-monospace · ໂຄງຮ່າງ 400, 500 · Monospace - ສຳລັບບລັອກລະຫັດ, ຕົວຢ່າງຂອງແຖວຄຳສັ່ງ, metadata, ເສັ້ນທາງໄຟລ໌ ແລະ ປ້າຍຊື່ນັກພັດທະນາ - ເປັນພາສາທາງວິຊາການ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 8px |
| ລັດສະໝີປຸ່ມ | 4px |
| ລັດສະໝີບັດ | 4px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 64-96px |
| ຄວາມກວ້າງຂອງໜ້າ | 1300px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Cursor ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Amplemarket — ບ່ອນເຮັດວຽກທີ່ມີແສງແດດສ່ອງລົງໄປທົ່ວດ້ວຍເຈ້ຍສີ
- Getharvest — ໂຕະເຮັດວຽກໃນຊົ່ວໂມງທອງຄຳ - ຜ້າໃບສີຄີມອຸ່ນໆ, ໂປສກາດສີຂາວແຂວນຢູ່ເທິງຜ້າໃບ, ແລະແປວໄຟສີສົ້ມສົດໃສອັນດຽວ
- Drive Capital — ໂປສເຕີການເດີນທາງທາງຖະໜົນແບບ Retro ເທິງເຈ້ຍອຸ່ນ
- Wealthsimple — ສາງເກັບມ້ຽນທີ່บุດ້ວຍຜ້າແຄສເມຍພ້ອມດ້ວຍໄຟສ່ອງສະຫວ່າງໃນຫ້ອງວາງສະແດງ
- Huddle — ບັດສິນຄ້າຄົງຄັງສີ pastel ໃສ່ເຈ້ຍສີຄີມ
- Fuser — ຮູບໂພລາຣອຍກະແຈກກະຈາຍຢູ່ເທິງຝາເຮັດວຽກຂອງນັກອອກແບບ
- Campsite — ສະຖານີເຮັດວຽກຂອງບັນນາທິການທີ່ມີແສງແດດສ່ອງເຖິງ - ເຈ້ຍສີຄີມອຸ່ນໆທີ່ມີປະທັບຕາເຈດຕະນາສີສົ້ມອັນດຽວ
- Redis Agency — ກອງປະຊຸມບັນນາທິການ, ເປີດຫຼັງເວລາເຮັດວຽກ, ແມ່ນສະຖານທີ່ທີ່ມືດມົວບ່ອນທີ່ວຽກງານການສ້າງຍີ່ຫໍ້ທັງໝົດແມ່ນເຮັດດ້ວຍຕົວອັກສອນ serif ແລະຫົວຜັກກາດແດງໜ່ວຍດຽວ.
- AI Product Generation — ສະຕູດິໂອຖ່າຍຮູບບັນນາທິການໃນເຈ້ຍຂາວ - ຫົວຂໍ້ເປັນໜ້າປົກ, ສີສົ້ມສຳລັບການເນັ້ນຂໍ້ຄວາມບັນນາທິການ
- Getanchor — ສີສັນ terracotta ອົບອຸ່ນເທິງພື້ນຫຼັງສີຄຣີມທີ່ຈາງລົງ
- Flatfile — ບັນທຶກຂໍ້ມູນທີ່ງຽບສະຫງົບຢູ່ເທິງເຈ້ຍ parchment ອຸ່ນໆ
- Inthememory — ຮູບແຕ້ມສະຖາປັດຕະຍະກຳເທິງຫິນອ່ອນສີຂາວທີ່ມີແສງອຸ່ນດວງດຽວ. ຫ້ອງຂໍ້ມູນບັນນາທິການທີ່ງຽບສະຫງົບບ່ອນທີ່ນໍ້າໝຶກສີຟ້າອ່ອນເຂັ້ມ ແລະ ຕົວຄວບຄຸມຮູບຊົງເມັດຢາລອຍຢູ່ເທິງພື້ນຜິວສີຂາວທີ່ຄົມຊັດ, ແຍກອອກດ້ວຍສີສົ້ມພຽງຈຸດດຽວ.