Substack
ໝຶກສີສົ້ມຢູ່ເທິງໂຕະໃນຫ້ອງບັນນາທິການ
Substack ເບິ່ງຄືວ່າເປັນແຜງຄວບຄຸມຫ້ອງຂ່າວທີ່ເກົ່າແກ່ - ຜ້າໃບສີຂາວ, ຕົວໜັງສືທີ່ອົບອຸ່ນ, ເກືອບເປັນສີດຳ, ແລະ ມີສີສົ້ມສົດໃສອັນດຽວທີ່ໝາຍເຖິງແຕ່ລະຂັ້ນຕອນຂອງການສ້າງເນື້ອຫາ. ລຳດັບຊັ້ນທາງສາຍຕາຖືກສ້າງຂຶ້ນໂດຍອີງໃສ່ຄວາມໜາແໜ້ນແທນທີ່ຈະເປັນການຕົກແຕ່ງ: ເສັ້ນສີເທົາບາງໆແຍກອົງປະກອບຟີດ, ຮູບແທນຕົວມີຂະໜາດນ້ອຍ, ຂໍ້ມູນ metadata ຖືກປິດສຽງ, ແລະ ຕາຂອງຜູ້ອ່ານໄດ້ຮັບການຝຶກອົບຮົມໃຫ້ສຸມໃສ່ການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດສີສົ້ມ, ໂລໂກ້ສີສົ້ມ, ລິ້ງ "ສະໝັກໃຊ້" ສີສົ້ມ, ແລະ ປຸ່ມ "ສ້າງ" ສີສົ້ມ. ພື້ນຜິວຖືກຮັກສາໄວ້ຮາບພຽງ ແລະ ບໍ່ມີຂໍ້ຈຳກັດ - ບໍ່ມີເງົາບັດ, ບໍ່ມີອົງປະກອບແຜງໂຄຣມ - ປ່ອຍໃຫ້ຮູບແບບຕົວອັກສອນ (ອົງປະກອບ UI ຂອງລະບົບໂຄຣມທີ່ກະທັດຮັດຈັບຄູ່ກັບຕົວອັກສອນຫົວຂໍ້ serif ທີ່ກຳນົດເອງ) ຮັບຜິດຊອບນ້ຳໜັກຂອງບັນນາທິການ. ແບບລາຍເຊັນແມ່ນອົງປະກອບໂຄຣມທີ່ຈຳກັດ ແລະ ສີສັນສົດໃສ, ສີດຽວ: ແອັບອ່ານທີ່ຮູ້ສຶກຄືກັບເຄື່ອງມືການເຜີຍແຜ່.
ຮູບແບບເດັສທັອບສາມຖັນ: ແຖບດ້ານຊ້າຍຄົງທີ່ (~200px, ການນຳທາງດ້ວຍໄອຄອນ ແລະ ປ້າຍຊື່, ຕິດຢູ່), ຟີດກາງ (ຄວາມກວ້າງສູງສຸດ ~600px, ລາຍຊື່ໂພສເລື່ອນແນວຕັ້ງ), ແລະ ແຖບດ້ານຂວາຄົງທີ່ (~300px, ຄົ້ນຫາ + ຄຳແນະນຳ + ການລົງທະບຽນ). ຟີດກາງແມ່ນຫຼັກຂອງບັນນາທິການ - ບໍ່ມີບັດ, ພຽງແຕ່ໂພສທີ່ວາງຊ້ອນກັນດ້ວຍຕົວແບ່ງບາງໆ ແລະ ຊ່ອງຫວ່າງ 32px ລະຫວ່າງພາກສ່ວນຕ່າງໆ. ປ້າຍໂຄສະນາຫຼັກຕັ້ງຢູ່ດ້ານເທິງຂອງຟີດເປັນບັດຄວາມກວ້າງເຕັມອັນດຽວ. ແຖບດ້ານຊ້າຍມີໂລໂກ້ຍີ່ຫໍ້ (ປ້າຍສີສົ້ມທີ່ມີເສັ້ນຊ້ອນກັນ), ຫົກລາຍການນຳທາງ, ແລະ ປຸ່ມ "ສ້າງ" ສີສົ້ມຄວາມກວ້າງເຕັມຢູ່ດ້ານລຸ່ມ. ແຖບດ້ານຂວາມີຊ່ອງຄົ້ນຫາ, ບັດລົງທະບຽນ, ແລະ ລາຍຊື່ "ຕໍ່ໄປ" ສຳລັບການອ່ານ. ການນຳທາງແມ່ນໜ້ອຍທີ່ສຸດ - ບໍ່ມີແຖບດ້ານເທິງ, ບໍ່ມີ breadcrumbs; ແຖບດ້ານຂ້າງແມ່ນການນຳທາງ. ຄວາມໜາແໜ້ນຂອງເນື້ອຫາແມ່ນສູງ: ໂພສໃຊ້ metadata 12-13px ແລະ ຂໍ້ຄວາມເນື້ອຫາ 15-19px, ສ້າງຈັງຫວະຄ້າຍຄືໜັງສືພິມແທນທີ່ຈະເປັນຄວາມຮູ້ສຶກຂອງຕາຂ່າຍບັດຂອງຕະຫຼາດ.
ຮູບພາບແມ່ນເນື້ອຫາທີ່ຜູ້ໃຊ້ສ້າງຂຶ້ນ (ຮູບແທນຕົວຜູ້ຂຽນ, ຮູບຫຍໍ້ຂອງໂພສ, ຮູບພາບໂພສ)—Substack ບໍ່ໄດ້ສະໜອງຮູບພາບຕົກແຕ່ງຂອງຕົນເອງ. ບັດຫຼັກໃຊ້ການໄລ່ສີສີຟ້າອ່ອນຫາສີຂຽວພ້ອມດ້ວຍອົງປະກອບພາບທີ່ເປັນນາມທຳ (ຮູບຮ່າງເລຂາຄະນິດ, ວັດຖຸທີ່ມີຮູບແບບເຊັ່ນ: ປາກກາ ແລະ ບັນທຶກ) ເປັນພື້ນຫຼັງ. ຮູບຫຍໍ້ຂອງໂພສໃນແຖບດ້ານຂວາມີຂະໜາດນ້ອຍ (64px), ຖືກປິດລ້ອມດ້ວຍລັດສະໝີ 8px, ແລະເຮັດໜ້າທີ່ເປັນຕົວຢ່າງຂອງລາຍການອ່ານ. ພາສາທີ່ເບິ່ງເຫັນໂດຍລວມແມ່ນອີງໃສ່ຂໍ້ຄວາມ: ອິນເຕີເຟດແມ່ນແຜ່ນເຈ້ຍອ່ານ, ແລະຮູບພາບເຮັດໜ້າທີ່ເປັນຈຸດຍຶດສາຍຕາຂະໜາດນ້ອຍແທນທີ່ຈະສ້າງບັນຍາກາດ.
ພາເລັດ
ຍີ່ຫໍ້
- Signal Orange
#ff6719— ສີສົ້ມຖືກໃຊ້ເປັນສີເສີມສຳລັບລາຍລະອຽດການຕົກແຕ່ງ ແລະ ເພື່ອເນັ້ນໃຫ້ເຫັນເຖິງສິ່ງທີ່ບໍ່ຄ່ອຍພົບເລື້ອຍ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການກະທຳ.
ເປັນກາງ
- Ink
#363737— ເນື້ອໃນ - ຂໍ້ຄວາມຫຼັກ, ຫົວຂໍ້, ຫົວຂໍ້ໂພສ, ປະທັບເວລາ ແລະ ຊື່ຜູ້ຂຽນ; ສີທີ່ອົບອຸ່ນ, ເກືອບເປັນສີດຳແທນທີ່ຈະເປັນສີ #000 ບໍລິສຸດເພື່ອການອ່ານງ່າຍຂຶ້ນ. - Paper
#ffffff— ພື້ນຜິວໜ້າ, ໜ້າດິນບັດ, ຊ່ອງຂໍ້ມູນປ້ອນຂໍ້ມູນ, ແລະ ພື້ນຫຼັງການນຳທາງ ແມ່ນໜ້າດິນທີ່ໂດດເດັ່ນທີ່ຄອບຄອງສ່ວນໃຫຍ່ຂອງອິນເຕີເຟດ. - Charcoal
#232525— ເລື່ອນເມົ້າເພື່ອເບິ່ງຂໍ້ຄວາມເພີ່ມເຕີມ ແລະ ລິ້ງທີ່ມີລະດັບການເລືອກສູງ; ເລິກກວ່າໂໝດໝຶກສຳລັບບລັອກລະຫັດ ແລະ ບລັອກການເລືອກ. - Stone
#777777— ສີທີ່ເປັນກາງແມ່ນຮອງຮັບສຳລັບອົງປະກອບ UI ສຳຮອງ, ຕົວແບ່ງ ແລະ ປ້າຍຊື່ທີ່ປິດສຽງ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ. - Ash
#b6b6b6— ເສັ້ນຂອບບາງ, ເສັ້ນຂອບປຸ່ມ, ເສັ້ນຂອບໄອຄອນ, ຂອບໃນການຄວບຄຸມທີ່ປິດໃຊ້ງານ. - Mist
#c8c8c8— ເສັ້ນແບ່ງ, ພື້ນຫຼັງທີ່ບໍ່ຊັດເຈນສຳລັບຮູບສັນຍາລັກ, ການຕື່ມຈຸລັງຫວ່າງເປົ່າໃນຮູບແບບຂອງໂຄງກະດູກ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 32px · 5 ຂັ້ນຕອນ
- system-ui — ການທົດແທນ: -apple-system · ໂຄງຮ່າງ 400, 500, 600 · ຟອນຫຼັກສຳລັບອິນເຕີເຟດຜູ້ໃຊ້ ແລະ ຂໍ້ຄວາມໃນໜ້າເວັບແມ່ນໃຊ້ສຳລັບປ້າຍນຳທາງ, ປຸ່ມ, ຂໍ້ຄວາມ, ຂໍ້ມູນເມຕາ, ຊ່ອງຂໍ້ມູນປ້ອນຂໍ້ມູນ, ແລະ ອົງປະກອບອິນເຕີເຟດທັງໝົດ. ຂະໜາດກະທັດຮັດ 12-13px ສຳລັບຂໍ້ມູນເມຕາ ແລະ 15-19px ສຳລັບຂໍ້ຄວາມໃນໜ້າເວັບສ້າງຄວາມຮູ້ສຶກຂອງຟີດຂ່າວທີ່ໜາແໜ້ນ. ນ້ຳໜັກແມ່ນ 400 ສຳລັບຂໍ້ຄວາມໃນໜ້າເວັບ, 500 ສຳລັບອົງປະກອບນຳທາງ ແລະ ປ້າຍປຸ່ມ, ແລະ 600 ສຳລັບຫົວຂໍ້ຂໍ້ຄວາມທີ່ເນັ້ນ ແລະ ຫົວຂໍ້ພາກສ່ວນ.
- Cahuenga — ການທົດແທນ: Charter · ໂຄງຮ່າງ 500 · ຟອນຕ໌ serif ຕົບແຕ່ງທີ່ເປັນເອກະລັກສຳລັບຫົວຂໍ້ລະດັບຜະລິດຕະພັນ (ຫົວຂໍ້ແຖບຂ້າງ, ຫົວຂໍ້ບັດລົງທະບຽນ, ຂໍ້ຄວາມຫຼັກ). ນ້ຳໜັກປານກາງ ແລະ ຄວາມສູງຂອງເສັ້ນເລັກນ້ອຍເຮັດໃຫ້ມັນມີລັກສະນະໂດດເດັ່ນໂດຍບໍ່ຮູ້ສຶກວ່າໜາ; ມັນເປັນຟອນຕ໌ດຽວທີ່ນອກຈາກສີສົ້ມແລ້ວ, ຍັງສະແດງເຖິງເອກະລັກຂອງ Substack.
- Spectral — ການທົດແທນ: Charter · ໂຄງຮ່າງ 400 · ຟອນຕ໌ serif ສຳລັບໂພສຍາວໆ—ໃຊ້ໃນຫ້ອງອ່ານ ແລະ ໃນເນື້ອຫາຟີດຂ່າວເພື່ອປັບປຸງຄວາມສະດວກໃນການອ່ານເອກະສານບັນນາທິການ. ໄລຍະຫ່າງລະຫວ່າງແຖວທີ່ແຄບກວ່າເລັກນ້ອຍ (1.20) ຮັບປະກັນການອ່ານວັກທີ່ສະດວກສະບາຍ ໃນຂະນະທີ່ຮັກສາຄວາມກະທັດຮັດແບບປົກກະຕິຂອງຫ້ອງຂ່າວ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 8px |
| ລັດສະໝີປຸ່ມ | 9999px |
| ລັດສະໝີບັດ | 12px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 32px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Substack ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- ElevenLabs — ບົດຂຽນຮູບພາບໃນໂທນສີຄຣີມອຸ່ນໆພ້ອມດ້ວຍຫົວຂໍ້ຂ່າວທີ່ລະອຽດອ່ອນ. ປື້ມບັນທຶກແບບ Bauhaus—ເຈ້ຍສີເປືອກໄຂ່, ໝຶກສີດຳ, ແລະສີມ່ວງ ແລະ ສີສົ້ມດຽວສຳລັບວາງສະແດງຜະລິດຕະພັນ.
- Awesomic — ຕາໜ່າງສັງກະສີບັນນາທິການທີ່ມີເຄື່ອງໝາຍວັກຕອນສີສົ້ມເຮັດໃຫ້ນຶກເຖິງເຈ້ຍປິວຕີ້
- Monad — ວາລະສານດ້ານວິຊາການກ່ຽວກັບເຈ້ຍ parchment ອຸ່ນ
- Dub — ແຜງຄວບຄຸມເຈ້ຍເຂົ້າດ້ານຂອງ Link
- Seline Analytics — ໂຕະວິເຄາະທີ່ງຽບສະຫງົບຢູ່ເທິງເຈ້ຍອຸ່ນໆ
- Notion — ປື້ມບັນທຶກເຈ້ຍອຸ່ນໆໃນແສງແດດທ່ຽງວັນ
- Anthropic — ວາລະສານວິທະຍາສາດພາກສະໜາມກ່ຽວກັບຜ້າໜັງແກະອຸ່ນໆ—ໜ້າຜິວງາຊ້າງທີ່ສະຫງົບ, ຫົວຂໍ້ບັນນາທິການທີ່ມີລວດລາຍ, ແລະ ການເນັ້ນສີດິນເຜົາດຽວທີ່ປາກົດຂຶ້ນເມື່ອຕ້ອງການການປະຕິບັດເທົ່ານັ້ນ.
- Calendly — ນໍ້າມຶກສີຟ້າເຂັ້ມເທິງຫິນອ່ອນເຢັນ
- Augen Pro — ການນຳສະເໜີສີຂາວຂອງ Apple ມີສີຟ້າໄຟຟ້າທີ່ມີນ້ຳໜັກເບົາ ແລະ ເປັນສີທຳມະດາເປັນຈຸດເດັ່ນໃນພື້ນທີ່ສີຂາວດຽວ.
- Antimetal — ບັນທຶກເຫດການໃນເຈ້ຍສີຄີມ - ຕອນເຊົ້າທີ່ງຽບສະຫງົບຢູ່ວາລະສານວິທະຍາສາດ, ບ່ອນທີ່ຄວາມຍັບຍັ້ງສະແດງຄວາມໝັ້ນໃຈ ແລະ ຮອຍຂີດຂ່ວນເຮັດໃຫ້ເກີດຄວາມໜັກໜ່ວງ
- Perk — ປູນຂາວໄຟຟ້າໃສ່ເຈ້ຍ parchment ອຸ່ນໆ
- Ditto — ກອງປະຊຸມທີ່ມີແສງແດດສ່ອງເຖິງການສ້າງຕົວຢ່າງດອກໄມ້ປ່າ. ພື້ນຜິວສີຄຣີມອຸ່ນ, ສີພື້ນຖານສີເຫຼືອງສົດໃສ, ນໍ້າມຶກສີຟ້າເຂັ້ມ, ຮູບແບບສີອໍແກນິກທີ່ເບັ່ງບານຢູ່ທາງຫຼັງຊິ້ນສ່ວນ.