Letters
ນັດໝາຍຕອນເຊົ້າຢູ່ຄລີນິກກາງແຈ້ງ - ໂຕະສີຂາວທີ່ເປັນໝັນພາຍໃຕ້ເພດານສີຟ້າອ່ອນໆ, ເຕັມໄປດ້ວຍເຄື່ອງມືຜ່າຕັດສີຟ້າ.
ຕົວອັກສອນເປັນເຄື່ອງມືຂຽນຈົດໝາຍທາງການແພດທີ່ເລີ່ມຕົ້ນດ້ວຍຫົວຂໍ້ເປີດທ້ອງຟ້າທີ່ມີການไล่ระดับສີ - ເສັ້ນສີຟ້າອ່ອນໆທີ່ສ້າງບັນຍາກາດທີ່ສະຫງົບ ແລະ ມີລັກສະນະທາງການແພດ - ກ່ອນທີ່ຈະປ່ຽນໄປສູ່ພື້ນທີ່ເຮັດວຽກສີຂາວທີ່ສະອາດ. ລະບົບດັ່ງກ່າວຖືກອອກແບບໃນແບບສີຂາວດຽວ: ຜ້າໃບສີຂາວທີ່ສະອາດ, ຂໍ້ຄວາມເກືອບສີດຳ (#070709), ການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດຮູບຊົງເມັດຢາສີເຂັ້ມ, ແລະບັດມົນທີ່ລອຍຢູ່ເທິງເງົາທີ່ລະອຽດອ່ອນທີ່ສຸດ. ສີຟ້າສົດໃສອັນດຽວ (#2597d0) ແມ່ນສະຫງວນໄວ້ສຳລັບເຄື່ອງໝາຍວັກຕອນທີ່ໃຊ້ງານໄດ້ - ຮູບສັນຍາລັກ, ຮູບພາບຈຸລະພາກ, ເຄື່ອງຫຼິ້ນຮູບແບບຄື້ນ - ບໍ່ເຄີຍໃຊ້ສຳລັບປຸ່ມ ຫຼື ການຕື່ມຂະໜາດໃຫຍ່. ຮູບແບບຕົວອັກສອນໃຊ້ Open Runde, ຕົວອັກສອນ sans-serif ແບບມະນຸດນິຍົມທາງເລຂາຄະນິດທີ່ມີໄລຍະຫ່າງຕົວອັກສອນລົບທີ່ຮຸນແຮງໃນຂະໜາດໜ້າຈໍທີ່ໃຫຍ່ກວ່າ (-0.04em ທີ່ 80px), ເຊິ່ງບີບອັດຫົວຂໍ້ໃຫ້ເປັນທ່ອນທີ່ມີຄວາມໝັ້ນໃຈ. ອົງປະກອບຕ່າງໆຮູ້ສຶກເບົາ, ຄືກັບເຄື່ອງມືທາງການແພດ: ຂອບບາງ, ໄລຍະຫ່າງບັດທີ່ກວ້າງຂວາງ, ປຸ່ມຮູບຊົງເມັດຢາ, ແລະການໃຊ້ລະດັບຄວາມສູງທີ່ລະມັດລະວັງເຊິ່ງຊ່ວຍໃຫ້ຫົວຂໍ້ຮູບຊົງທ້ອງຟ້າເຮັດວຽກທາງດ້ານອາລົມໄດ້.
ໜ້າຫຼັກທີ່ມີການໄລ່ສີສີຟ້າອ່ອນກວມເອົາຄວາມກວ້າງທັງໝົດຂອງໜ້າ, ໂດຍມີຫົວຂໍ້ ແລະ ຂໍ້ຄວາມຍ່ອຍຢູ່ໃຈກາງ, ແລະ ປຸ່ມຮຽກຮ້ອງໃຫ້ດຳເນີນການຢູ່ດ້ານລຸ່ມ. ມັນປ່ຽນໄປຢ່າງລຽບງ່າຍເປັນພື້ນທີ່ເນື້ອຫາສີຂາວທີ່ມີໄລຍະຫ່າງລະຫວ່າງພາກສ່ວນຕ່າງໆ (80-120px). ພາກສ່ວນຄຸນສົມບັດໃຊ້ຕາຂ່າຍສອງຖັນຂອງບັດຂະໜາດໃຫຍ່, ຮູບມົນ (ລັດສະໝີ 18-32px) ທີ່ມີສັດສ່ວນເທົ່າກັນ. ຫົວຂໍ້ພາກສ່ວນຈະຢູ່ໃຈກາງສະເໝີ, ໃນຖັນດຽວ, ຢູ່ເໜືອຕາຂ່າຍບັດ. ການນຳທາງແມ່ນແຖບດ້ານເທິງສີຂາວຄົງທີ່ທີ່ມີກຸ່ມລິ້ງຢູ່ໃຈກາງ ແລະ ການກະທຳເຂົ້າສູ່ລະບົບທີ່ຈັດລຽງຢູ່ເບື້ອງຂວາ. ຈັງຫວະໂດຍລວມແມ່ນແຖບຫຼັກດຽວ, ມີບັນຍາກາດ, ຈາກນັ້ນສະຫຼັບສີຂາວ ແລະ ພາກສ່ວນ #f5f5f5 ທີ່ມີພື້ນທີ່ຫາຍໃຈແນວຕັ້ງທີ່ສອດຄ່ອງກັນ. ບໍ່ມີແຖບຂ້າງ, ບໍ່ມີເມນູໃຫຍ່, ບໍ່ມີຮູບແບບທີ່ບໍ່ສະເໝີພາບ - ໜ້າເວັບຮູ້ສຶກຄືກັບຖັນທີ່ສະຫງົບ ແລະ ສົມມາດ.
ການອອກແບບຮູບພາບເກືອບທັງໝົດແມ່ນສຸມໃສ່ອິນເຕີເຟດຜູ້ໃຊ້ຂອງຜະລິດຕະພັນ - ບໍ່ມີຮູບພາບວິຖີຊີວິດ, ບໍ່ມີການສະແດງຜົນ 3D ແບບນາມທຳ. ພາສາທີ່ເບິ່ງເຫັນໄດ້ຖືກສ້າງຂຶ້ນອ້ອມຮອບບັດຜະລິດຕະພັນທີ່ສະແດງອິນເຕີເຟດພື້ນເມືອງຂອງແອັບ: ການປຽບທຽບເອກະສານ "ກ່ອນ" ແລະ "ຫຼັງ", ພື້ນທີ່ໂຫຼດທີ່ມີຂອບຈຸດ, ແລະເຄື່ອງຫຼິ້ນສຽງໃນຮູບແບບຂອງຄື້ນ. ອົງປະກອບທີ່ເບິ່ງເຫັນບັນຍາກາດພຽງແຕ່ແມ່ນການໄລ່ສີທ້ອງຟ້າໃນຮູບພາບຫຼັກ. ຮູບສັນຍາລັກແມ່ນຮາບພຽງ, ຮູບສັນຍາລັກເສັ້ນສີດຽວ #2597d0 (ຊອງຈົດໝາຍ, ໄມໂຄຣໂຟນ, ເຄື່ອງໝາຍຖືກ) ທີ່ມີນ້ຳໜັກເສັ້ນທີ່ເປັນເອກະພາບ, ໂດຍບໍ່ມີການປ່ຽນແປງທີ່ເຕີມເຕັມ. ຮູບແບບພາບປະກອບແມ່ນຖືກຈຳກັດ: ຮູບແບບຜະລິດຕະພັນຖືກສະແດງຢູ່ເທິງພື້ນຫຼັງສີຂາວ, ໝຸນເລັກນ້ອຍເພື່ອສ້າງຄວາມເລິກ, ບໍ່ເຄີຍອຽງຢ່າງຄົມຊັດ. ຕົວອັກສອນທີ່ຂຽນດ້ວຍມື (ທ່ານໝໍ) ແມ່ນອົງປະກອບອໍແກນິກ/ຫັດຖະກຳດຽວ, ໃຊ້ເພື່ອລະນຶກເຖິງລາຍມືທາງດ້ານການແພດໃນບັດ "ກ່ອນ" ເທົ່ານັ້ນ.
ພາເລັດ
ຍີ່ຫໍ້
- Surgical Blue
#2597d0— ຮູບສັນຍາລັກ, ຮູບສັນຍາລັກໄມໂຄຣໂຟນ, ເຄື່ອງຫຼິ້ນຄື້ນສຽງ, ແລະ ເຄື່ອງໝາຍສຽງທີ່ໃຊ້ງານຂະໜາດນ້ອຍສ້າງສຽງສີດຽວຕະຫຼອດອິນເຕີເຟດ.
ເປັນກາງ
- Obsidian
#070709— ສຳເນົາເນື້ອຫາ, ປຸ່ມຮຽກຮ້ອງໃຫ້ປະຕິບັດທີ່ເຕັມໄປ, ແລະອົງປະກອບ UI ທີ່ມືດ - ເກືອບສີດຳຖືກເລືອກແທນທີ່ຈະເປັນ #000 ບໍລິສຸດເພື່ອເຮັດໃຫ້ຄວາມແຕກຕ່າງອ່ອນລົງທຽບກັບພື້ນຫຼັງສີຂາວ. - Paper White
#ffffff— ພື້ນຫຼັງໜ້າ, ໜ້າດິນຂອງບັດ, ແລະ ຂໍ້ຄວາມປຸ່ມແມ່ນແຜ່ນໃບຫຼັກສຳລັບທຸກພາກສ່ວນທີ່ຢູ່ລຸ່ມອົງປະກອບຫຼັກ. - Cloud Gray
#f5f5f5— ໜ້າດິນບັດເພີ່ມເຕີມ ແລະ ພື້ນຫຼັງພາກສ່ວນແຍກບລັອກທີ່ໃຊ້ງານໄດ້ອອກຈາກຜ້າໃບຫຼັກ. - Sky Tint
#d7e6f5— ຮົ່ມຂອງກອບເຈ້ຍແຂງ ແລະ ສີຟ້າທີ່ເກືອບສັງເກດເຫັນໄດ້ຂອງໜ້າດິນສ້າງຄວາມຮູ້ສຶກຂອງບັນຍາກາດ, ແທນທີ່ຈະເປັນສີເທົາ. - Charcoal
#60606c— ຂໍ້ຄວາມຫຼັກ, ຂໍ້ຄວາມສຳຮອງ, ແລະ ຂອບທີ່ມືດມົວ - ສີທີ່ເປັນກາງທີ່ໂດດເດັ່ນສຳລັບເນື້ອຫາທີ່ບໍ່ແມ່ນຫົວຂໍ້. - Slate
#8b8b8b— ຂໍ້ຄວາມເລັກນ້ອຍ ແລະ ສະຖານະຊາຍແດນທີ່ບໍ່ມີການເຄື່ອນໄຫວ - ໃຊ້ເພື່ອຊີ້ບອກສະຖານທີ່ ແລະ ຮັບປະກັນການເຂົ້າເຖິງສຳລັບຜູ້ພິການ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 80px · 8 ຂັ້ນຕອນ
- sans-serif — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 700 · sans-serif - ພົບໃນຂໍ້ມູນທີ່ສະກັດອອກມາແຕ່ບໍ່ໄດ້ອະທິບາຍໂດຍ AI.
- Open Runde — ການທົດແທນ: Inter Tight · ໂຄງຮ່າງ 400, 500, 600, 700, 900 · ຟອນຫຼັກສຳລັບຫົວຂໍ້ ແລະ ການນຳທາງແມ່ນຮູບແບບເລຂາຄະນິດຂອງມະນຸດນິຍົມ, ມີໄລຍະຫ່າງຕົວອັກສອນທີ່ແຄບໃນຂະໜາດໃຫຍ່; -0.04em ທີ່ 80px ບີບອັດຫົວຂໍ້ໃຫ້ເປັນບລັອກດຽວທີ່ໝັ້ນໃຈ. ໃຊ້ສຳລັບຫົວຂໍ້, ການນຳທາງ ແລະ ຂໍ້ຄວາມຂະໜາດໃຫຍ່ທັງໝົດ.
- Inter — ການທົດແທນ: system-ui · ໂຄງຮ່າງ 400, 500 · ຂໍ້ຄວາມສ່ວນຫຼັງ ແລະ UI - ໃຊ້ສຳລັບຫົວຂໍ້ຂະໜາດນ້ອຍ, ອົງປະກອບການນຳທາງ, ແລະ ລິ້ງໃນແຖວທີ່ຕ້ອງການຈັງຫວະການອ່ານທີ່ເປັນກາງຫຼາຍຂຶ້ນ. ຈັບຄູ່ກັບ Open Runde ເພື່ອສ້າງຄວາມແຕກຕ່າງແບບລຳດັບຊັ້ນ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 12-16px |
| ລັດສະໝີປຸ່ມ | 100px |
| ລັດສະໝີບັດ | 18px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 80-120px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Letters ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Integrated Biosciences — ຫ້ອງທົດລອງ bioluminescence ໃນເວລາທ່ຽງຄືນ
- Mintlify — ສວນເມກທີ່ຢູ່ເໜືອໂຕະແກ້ວ. ທ້ອງຟ້າທີ່ແຕ້ມດ້ວຍມື ແລະ ສາລະຄະດີຖືກວາງເຂົ້າກັນ - ເປັນບ່ອນດຽວທີ່ສີ ແລະ ແນວຄິດປະທະກັນກ່ອນທີ່ໜ້າເຈ້ຍຈະຈາງຫາຍໄປເປັນສີຂາວຂອງວັດ.
- Gleap — ພື້ນທີ່ເຮັດວຽກທີ່ຕົກແຕ່ງດ້ວຍໂທນສີຄຣີມອຸ່ນໆພ້ອມດ້ວຍສີແກຣໄຟ - ສະຕູດິໂອທີ່ມີຈຸດໝຶກສີດຳດ້ານເບິ່ງຄືວ່າລອຍຢູ່ເທິງສະຖາປັດຕະຍະກຳຜ້າລີນິນ.
- Render — ການອອກແບບແມ່ນເຮັດດ້ວຍອາລູມິນຽມຂັດເງົາ. ອິນເຕີເຟດຮູ້ສຶກຄືກັບເອກະສານວິສະວະກຳເລຂາຄະນິດທີ່ສະອາດ - ຊ່ອງຫວ່າງສີຂາວ, ເສັ້ນບາງໆ, ແລະເສັ້ນສີມ່ວງດຽວທີ່ດຶງດູດຄວາມສົນໃຈໄປທີ່ການກະທຳ.
- Grafbase — ຮູບແຕ້ມວິສະວະກຳເທິງຫີນອ່ອນເຢັນ
- Slash — ຫ້ອງໂຖງກາງຄືນທີ່ມີບັນຊີບັນຊີທີ່ເຄືອບດ້ວຍຄຳ
- Modal — ສະຖານີສົ່ງແສງຟອສຟໍເຣສເຊັນໃນຫ້ອງເຊີບເວີທີ່ມືດມົວ - ແຫຼ່ງແສງສະຫວ່າງດຽວແມ່ນສີຂຽວສົດໃສ
- Whimsical — ນໍ້າມຶກສີພລຳທີ່ເຂັ້ມຂຸ້ນເທິງພື້ນຫຼັງສີມ່ວງ - ປື້ມບັນທຶກສະຕູດິໂອທີ່ສ້າງສັນທີ່ໃຊ້ເປັນກະດານຂາວທາງວິຊາການໄດ້.
- AgentQL — ແສງເໜືອເໜືອເໜືອສະຖານີລົດໄຟໃນຕອນກາງຄືນ
- Alveos One — ຫ້ອງພັກຜ່ອນທີ່ອົບອຸ່ນເຮັດດ້ວຍຫີນແມ່ນ້ຳ - ຫ້ອງນັ່ງສະມາທິທີ່ງຽບສະຫງົບ ແລະ ມີແສງສະຫວ່າງສີຄຣີມມີ ບ່ອນທີ່ວັດຖຸແກຣໄຟທ໌ອັນດຽວວາງຢູ່ໃນແສງສີອຳພັນອ່ອນໆ
- GitHub — ແຜງບັນຊາການອະວະກາດທີ່ມີຈຸດຄວບຄຸມທີ່ມີແສງຊີວະພາບ - ພື້ນທີ່ເຮັດວຽກທີ່ມືດມົວ ແລະ ມີບັນຍາກາດບ່ອນທີ່ແສງສີຂຽວດຽວຊີ້ທາງໄປຂ້າງໜ້າ.
- Buddy — ຮູບແຕ້ມວິສະວະກຳໃສ່ເຈ້ຍກຣາຟ. ໜ້າແຕ້ມສີຂາວຖືກໝາຍດ້ວຍຕາຂ່າຍທີ່ເບິ່ງບໍ່ເຫັນ, ນຳໃຊ້ດ້ວຍໝຶກສີດຳເກືອບເຂັ້ມ, ມີເຄື່ອງໝາຍສີຂຽວອ່ອນໆ ແລະ ເສັ້ນລວດລາຍທີ່ເລື່ອນລົງມາເປັນລວດລາຍ.