Medium

ໜັງສືພິມສີຂາວຄຣີມມີ່ໃນຊົ່ວໂມງທອງຄຳ

ໜ້າທີ່ຂອງສື່ກາງຄືກັບຫ້ອງອ່ານວັນນະຄະດີທີ່ຖືກຍ້າຍໄປໃສ່ເວັບ: ພື້ນຫຼັງທີ່ອົບອຸ່ນ ແລະ ຄຣີມມີ່ (#f7f4ed) ປ່ຽນແທນສີຂາວທີ່ເປັນໝັນຂອງ SaaS, ເຮັດໃຫ້ຂໍ້ຄວາມຍາວໆຮູ້ສຶກຄືກັບໜ້າທີ່ພິມອອກ. ລະບົບພາບແມ່ນສີດຽວທີ່ຮຸນແຮງ - ເກືອບທຸກໜ້າ UI, ຂໍ້ຄວາມ, ແລະ ຂອບແມ່ນຢູ່ໃນແຖບສີເທົາອຸ່ນແຄບໆຕັ້ງແຕ່ #242424 ຫາ #6b6b6b - ດັ່ງນັ້ນຄວາມສົນໃຈຂອງຜູ້ອ່ານຈຶ່ງສຸມໃສ່ເນື້ອຫາຢ່າງສົມບູນ. ທ່າທາງທີ່ໂດດເດັ່ນພຽງຢ່າງດຽວແມ່ນຫົວຂໍ້ serif (GT Super, 120px, ນ້ຳໜັກ 400, ໄລຍະຫ່າງຕົວອັກສອນ -0.055em), ທາງເລືອກທີ່ຕໍ່ຕ້ານແນວໂນ້ມໂດຍເຈດຕະນາ: ຕົວອັກສອນ serif ປຶ້ມແບບປ່ຽນຜ່ານທີ່ປັບຂະໜາດສຳລັບການສະແດງ, ເກືອບບໍ່ສັງເກດເຫັນແທນທີ່ຈະເປັນຕົວອັກສອນ sans-serif ເລຂາຄະນິດທີ່ໜາ, ສັນຍານວ່າ: "ພວກເຮົາເຜີຍແຜ່ປຶ້ມ, ບໍ່ແມ່ນຊອບແວ." ປຸ່ມແມ່ນ "ເມັດ" ເຕັມທີ່ມີສີເກືອບດຳ - ໝຶກແຂງດຽວໃນໜ້າ.

ໜ້າຫຼັກມີສອງຖັນ: ດ້ານຊ້າຍໃຊ້ພື້ນທີ່ປະມານ 55% ຂອງໜ້າ, ໂດຍມີຫົວຂໍ້, ຂໍ້ຄວາມຍ່ອຍ, ແລະ ການຮຽກຮ້ອງໃຫ້ປະຕິບັດຈັດລຽງຕາມແນວຕັ້ງດ້ວຍໄລຍະຫ່າງພາຍໃນທີ່ກວ້າງຂວາງ; ດ້ານຂວາໃຊ້ພື້ນທີ່ປະມານ 45% ຂອງໜ້າ, ໂດຍມີແຜງພາບປະກອບ. ຖັນເບື້ອງຊ້າຍຖືກຈັດລຽງຕາມແນວຊ້າຍ (ບໍ່ຢູ່ກາງ), ຍຶດໜ້າໄວ້ກັບແກນການອ່ານ. ຢູ່ລຸ່ມໜ້າຫຼັກ, ໜ້າແມ່ນແຖບສີຄຣີມດຽວ, ມີຄວາມກວ້າງເຕັມ, ມີລິ້ງຢູ່ກາງໃນສ່ວນລຸ່ມສຸດ. ບໍ່ມີຕາຂ່າຍບັດ, ພາກສ່ວນຄຸນສົມບັດ, ຫຼື ເສັ້ນສະຫຼັບກັນໃນໜ້າຫຼັກ - ໜ້າຫຼັກແມ່ນໜ້າ. ຄວາມໜາແໜ້ນຂອງເນື້ອຫາແມ່ນຕໍ່າໂດຍເຈດຕະນາ: ຫົວຂໍ້ໜຶ່ງ, ປະໂຫຍກໜຶ່ງ, ປຸ່ມໜຶ່ງ, ຮູບພາບໜຶ່ງ. ໜ້າແມ່ນໜ້າປົກ, ບໍ່ແມ່ນແຜງຄວບຄຸມ.

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

SaaS ບໍລິສຸດ ບົດບັນນາທິການ ສີດຽວ

https://medium.com

ພາເລັດ

ເປັນກາງ

Newsprint Cream #f7f4ed — ຜ້າໃບໜ້າ, ພື້ນຫຼັງໜ້າຕ່າງຫຼັກ, ແລະ ພື້ນຫຼັງພາກສ່ວນຕ່າງໆ ແມ່ນສີທີ່ອົບອຸ່ນ, ມີສີຄຣີມເລັກນ້ອຍ ເຊິ່ງສ້າງຄວາມຮູ້ສຶກຂອງອິນເຕີເຟດທີ່ພິມອອກມາ ແທນທີ່ຈະເປັນອິນເຕີເຟດດິຈິຕອລ.
Paper White #ffffff — ໜ້າດິນບັດ, ແຜງຍົກຂຶ້ນ, ຊ່ອງໃສ່ແບບຟອມ, ແລະ ໜ້າດິນໃດໆທີ່ຕ້ອງໄດ້ແຍກອອກຈາກຜ້າໃບສີຄີມ.
Ink #242424 — ຂໍ້ຄວາມໃນສ່ວນຂໍ້ຄວາມ, ລິ້ງ, ຫົວຂໍ້ - ອຸ່ນກວ່າສີດຳບໍລິສຸດເລັກນ້ອຍ, ເບິ່ງດີໃນພື້ນຫຼັງສີຄຣີມ.
Body Gray #333333 — ສີຕົວໜັງສືສຳຮອງ ແລະ ສີພື້ນໜ້າເລີ່ມຕົ້ນຖືກໃຊ້ບ່ອນທີ່ຕ້ອງການສີທີ່ອ່ອນກວ່າສີໝຶກເລັກນ້ອຍໂດຍບໍ່ສູນເສຍຄວາມຄົມຊັດ.
Button Black #191919 — ສີທີ່ເປັນກາງແມ່ນຮອງຮັບສຳລັບອົງປະກອບ UI ສຳຮອງ, ຕົວແບ່ງ ແລະ ປ້າຍຊື່ທີ່ປິດສຽງ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ.
Marginalia Gray #6b6b6b — ຮອງຮັບສີທີ່ເປັນກາງສຳລັບ UI ສຳຮອງ, ຕົວແບ່ງ ແລະ ປ້າຍຊື່ທີ່ປິດສຽງ.

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

ຈາກ 13 ຫາ 120px · 5 ຂັ້ນຕອນ

medium-content-sans-serif-font — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400 · ຟອນຕ໌ medium-content-sans-serif - ພົບໃນຂໍ້ມູນທີ່ສະກັດອອກມາແຕ່ບໍ່ໄດ້ອະທິບາຍໂດຍ AI.
GT Super — ການທົດແທນ: Playfair Display · ໂຄງຮ່າງ 400 · ຫົວຂໍ້ ແລະ ເນື້ອໃນຂໍ້ຄວາມແມ່ນຟອນຕ໌ແບບໜັງສືແບບປ່ຽນຜ່ານທີ່ມີຂະໜາດສູງສຸດ ພ້ອມດ້ວຍໄລຍະຫ່າງຕົວອັກສອນທີ່ແຄບ ແລະ ໄລຍະຫ່າງແຖວ 0.83. ການເລືອກນ້ຳໜັກ 400 (ບໍ່ແມ່ນຕົວໜາ) ທີ່ 120px ເປັນລັກສະນະທີ່ໂດດເດັ່ນ: ຮູບແບບຕົວອັກສອນ, ບໍ່ແມ່ນນ້ຳໜັກ, ເຮັດວຽກ. ໄລຍະຫ່າງຕົວອັກສອນລົບເຮັດໃຫ້ຊ່ອງຫວ່າງທາງສາຍຕາແຄບລົງ, ເຮັດໃຫ້ "ເລື່ອງລາວ ແລະ ແນວຄວາມຄິດຂອງມະນຸດ" ຮູ້ສຶກຄືກັບຕົວໜັງສືທີ່ເຊື່ອມໂຍງເຂົ້າກັນ.
Söhne — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400 · ຟອນ UI sans-serif ຖືກໃຊ້ສຳລັບການນຳທາງ, ປຸ່ມ, ຫົວຂໍ້ຍ່ອຍ, ແລະຫົວຂໍ້ຂະໜາດນ້ອຍ. ຂະໜາດ 13–14px ແມ່ນສຳລັບປ້າຍ ແລະ ປຸ່ມນຳທາງ; 20–22px ແມ່ນສຳລັບຫົວຂໍ້ຍ່ອຍ ແລະ ຂໍ້ຄວາມສຳຮອງພາຍໃນຫົວຂໍ້. ຕົວອັກສອນ sans-serif ທີ່ສະອາດ ແລະ ມີສັດສ່ວນທີ່ເປັນມະນຸດສະທຳສາມາດອ່ານອອກໄດ້ໃນຂະໜາດນ້ອຍ ແລະ ບໍ່ເດັ່ນໃນຂະໜາດໃຫຍ່.

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

ຈຸດປະສົງ	ຄວາມໝາຍ
ຄວາມໜາແໜ້ນ	ໂດຍສະເລ່ຍ
ຂັ້ນຕອນພື້ນຖານ	16-24px
ລັດສະໝີປຸ່ມ	9999px
ລັດສະໝີບັດ	0px
ເງົາ	ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ
ລະຫວ່າງພາກສ່ວນຕ່າງໆ	64px
ຄວາມກວ້າງຂອງໜ້າ	1200px

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

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

ສ້າງເວັບໄຊທ໌ໃນແບບນີ້

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

Steep — ການວິເຄາະຕົວອັກສອນ Serif ໃນເຈ້ຍອຸ່ນ
Newformcap — ໜັງສືພິມບັນນາທິການໃນຫ້ອງແຕ່ງຕົວ
Claude — ສິ່ງປະດິດທີ່ພິມໃສ່ເຈ້ຍ parchment ອຸ່ນໆ - ນໍ້າມຶກໃສ່ເຈ້ຍກະດູກ, ດິນເຜົາເປັນລົມຫາຍໃຈດຽວຂອງສີ
11x– Digital workers — ພື້ນທີ່ຫວ່າງເປົ່າຄືກັບບົດບັນນາທິການຮູບເງົາ—ຮູບຖ່າຍພູມສັນຖານທີ່ຕັ້ງຢູ່ເທິງຫົວຂໍ້ຂ່າວຂະໜາດໃຫຍ່ທີ່ອ່ານຄືກັບວາລະສານຟຸ່ມເຟືອຍ
Revolut — ຜົນງານບັນນາທິການສີດຽວໂດຍອີງໃສ່ຮູບຖ່າຍຂອງເມກ—ນໍ້າມຶກສີຂາວ, ກະດຸມກ່ອງຢາ, ເສັ້ນສີຟ້າເສັ້ນດຽວໃນໂລກສີເທົາ.
Scheduling — ນໍ້າມຶກບັນນາທິການໃສ່ເຈ້ຍສີຄີມ
Titan — ບ່ອນເກັບມ້ຽນຮູບພາບສີດຽວທີ່ມີສີອົບອຸ່ນ
Programa — ສະຕູດິໂອອອກແບບຂອງສະວິດເຊີແລນໃນຕອນທ່ຽງ. ຝາຜະໜັງຫ້ອງວາງສະແດງສີຂາວຖືກສ່ອງແສງດ້ວຍໂຄມໄຟໂຕະສີເຫຼືອງອັນດຽວ - ທຸກຢ່າງເປັນສີເທົາຈົນກວ່າປຸ່ມ, ຮູບສັນຍາລັກ, ຫຼື ຈຸດເດັ່ນຈະດຶງດູດສາຍຕາ, ແລະຫຼັງຈາກນັ້ນຈຸດເດັ່ນສີເຫຼືອງອັນດຽວນັ້ນກໍ່ສະແດງໃຫ້ເຫັນເຖິງຄວາມໝາຍຂອງຫ້ອງທັງໝົດ.
Sana Agents — ປູນຂາວເຫຼື້ອມເປັນປະກາຍເທິງພື້ນຫຼັງສີຂາວໃນບົດບັນນາທິການ
Visual — ບັນນາທິການທີ່ອົບອຸ່ນ samizdat. ເຈ້ຍສີຄີມ, ໂປສເຕີ serif, ມາຣິນາເລຍສີຂາວດຽວ, ປາກກາສີເຫຼືອງໜຶ່ງອັນ.
Midday — ແຜ່ນພັບບັນນາທິການກ່ຽວກັບໜັງແກະ - ຫົວຂໍ້ຂ່າວ serif 72px ເທິງພື້ນຫຼັງຫີນອຸ່ນ, ສຳເນົາເນື້ອຫາ sans-serif ພ້ອມໄລຍະຫ່າງ, ການຄວບຄຸມຮູບຊົງເມັດ, ບໍ່ມີເງົາ
Chat for impact — ຄລີນິກສີຂຽວປ່າໄມ້ທີ່ມີຫ້ອງສີ pastel