Steep

ການວິເຄາະຕົວອັກສອນ Serif ໃນເຈ້ຍອຸ່ນ

Steep ນຳສະເໜີການວິເຄາະເປັນເນື້ອໃນບັນນາທິການ—ຫົວຂໍ້ຂ່າວ serif ຂອງ Signifier ລອຍຢູ່ເທິງຜ້າໃບສີຂາວເກືອບເປັນສີດຽວ, ແລະມີການເນັ້ນສີ peach ອຸ່ນໆອັນດຽວ (#fbe1d1) ເນັ້ນໃຫ້ເຫັນລະບົບທີ່ບໍ່ມີສີ. ໜ້າເວັບອ່ານຄືກັບວາລະສານຜະລິດຕະພັນ: ຕົວອັກສອນຕົວຫຍໍ້ຂະໜາດໃຫຍ່, ພື້ນທີ່ຂໍ້ຄວາມກວ້າງຂວາງ, ບັດຂະໜາດໃຫຍ່ທີ່ມີຂອບ 24px ອ່ອນໆ, ແລະຕົວຄວບຄຸມຮູບຊົງເມັດທີ່ລຽບກັບພື້ນຜິວ. ອົງປະກອບຮູ້ສຶກສະຫງົບ ແລະ ບໍ່ມີນ້ຳໜັກ—ເງົາມີຄວາມອ່ອນໂຍນ, ຂອບມີຄວາມບາງ, ແລະສີຖືກໃຊ້ສຳລັບການເນັ້ນໜ້າທີ່ (ຄຳເວົ້າ peach, ຕົວອັກສອນສີນ້ຳຕານເຂັ້ມເທິງພື້ນຫຼັງ peach). ພື້ນຜິວຜະລິດຕະພັນ (ຕາຕະລາງພາກພື້ນ, ແຜນວາດການເປີດໃຊ້ງານ, ຕົວສ້າງ AI) ຖືກນຳສະເໜີເປັນອົງປະກອບລອຍຢູ່ອ້ອມຫົວຂໍ້ແທນທີ່ຈະຊ້ອນຢູ່ພາຍໃນເປືອກຂອງແຜງຄວບຄຸມ.

ຮູບແບບໜ້າເວັບມີຄວາມກວ້າງສູງສຸດ 1200px, ຢູ່ກາງ, ໂດຍພາກສ່ວນຫຼັກຄອບຄອງເກືອບທັງໝົດຂອງຄວາມກວ້າງຂອງໜ້າແຕ່ຍັງຄົງຢູ່ພາຍໃນກ່ອງ. ຮູບແບບຫຼັກມີຫົວຂໍ້ຢູ່ກາງທີ່ມີຕົວອັກສອນ serif ຂະໜາດໃຫຍ່, ຫົວຂໍ້ຍ່ອຍ, ແລະປຸ່ມເມັດຄູ່ໜຶ່ງ, ລ້ອມຮອບດ້ວຍບັດລາຍລະອຽດຜະລິດຕະພັນທີ່ລອຍຢູ່ສີ່ໃບ (ຕາຕະລາງພາກພື້ນຢູ່ເບື້ອງຊ້າຍດ້ານເທິງ, ບັດລົງທະບຽນຢູ່ເບື້ອງຂວາ, ແຜນວາດການເປີດໃຊ້ງານຢູ່ເບື້ອງຊ້າຍດ້ານລຸ່ມ, ຕົວແກ້ໄຂ AI ຢູ່ໃຈກາງດ້ານລຸ່ມ) ທີ່ຊ້ອນກັນກັບຜ້າໃບສີຂາວໃນຈຸດຊົດເຊີຍທີ່ແຕກຕ່າງກັນ. ພາກສ່ວນຕ່າງໆສະຫຼັບກັນລະຫວ່າງພື້ນຫຼັງ Paper White ແລະ Card Mist, ສ້າງຈັງຫວະທີ່ສະຫງົບໂດຍບໍ່ມີຄວາມແຕກຕ່າງທີ່ເຂັ້ມແຂງ. ພາກສ່ວນຄຸນສົມບັດໃຊ້ຮູບແບບສອງຖັນຂອງຂໍ້ຄວາມ ແລະ UI ທີ່ມີຮ່ອງແນວຕັ້ງຂະໜາດໃຫຍ່ 80px. ການນຳທາງແມ່ນແຖບດ້ານເທິງໂປ່ງໃສດຽວ (ບໍ່ມີພື້ນຫຼັງ, ຂອບ, ຫຼືເງົາ) ທີ່ມີໂລໂກ້ຢູ່ເບື້ອງຊ້າຍ, ລິ້ງນຳທາງຢູ່ໃຈກາງ, ແລະສອງການຮຽກຮ້ອງໃຫ້ມີການກະທຳ (ລິ້ງຂໍ້ຄວາມ + ປຸ່ມເມັດເຕັມ) ຢູ່ເບື້ອງຂວາ. ຄວາມໜາແໜ້ນຂອງຮູບແບບໂດຍລວມແມ່ນກວ້າງຂວາງ - ໜ້າເວັບ "ຫາຍໃຈ" ລະຫວ່າງພາກສ່ວນຕ່າງໆ, ແລະເນື້ອຫາບໍ່ເຄີຍແອອັດຂອບ.

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

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

https://steep.app

ພາເລັດ

ເປັນກາງ

Ink Black #17191c — ຂໍ້ຄວາມຫຼັກ, ພື້ນຫຼັງປຸ່ມທີ່ເຕັມໄປ, ແລະໂລໂກ້ການນຳທາງ ແມ່ນພື້ນຜິວສີດຳພຽງຢ່າງດຽວໃນລະບົບ; ການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດ ແລະຫົວຂໍ້ຂ່າວທັງໝົດໃນຂໍ້ຄວາມຫຼັກຈະປາກົດຢູ່ຕໍ່ໜ້າພື້ນຫຼັງທີ່ເກືອບເປັນສີດຳນີ້.
Paper White #ffffff — ຜ້າໃບໜ້າ, ຂໍ້ຄວາມປຸ່ມ, ແລະ ໜ້າບັດທີ່ມີລາຍນູນແມ່ນໂທນສຽງພື້ນຫຼັງທີ່ໂດດເດັ່ນ, ເຊິ່ງມີຈຸດຄວາມຖີ່ປະມານ 76 ຈຸດ.
Mist Gray #f2f2f3 — ໜ້າດິນບັດ, ພື້ນຫຼັງເພີ່ມເຕີມ, ການຕື່ມຊ່ອງປ້ອນຂໍ້ມູນ - ຊັ້ນທີ່ເບິ່ງບໍ່ເຫັນພາຍໃຕ້ເຈ້ຍສຳລັບເນື້ອຫາທີ່ຝັງຢູ່.
Fog White #fafafb — ພື້ນຫຼັງໜ້າເພີ່ມເຕີມສຳລັບການສະຫຼັບພາກສ່ວນ ແລະ ພື້ນຜິວເມື່ອເອົາເມົ້າໄປວາງ - ໜຶ່ງຂັ້ນຕອນຢູ່ເທິງເຈ້ຍເພື່ອສ້າງການປ່ຽນແປງຂອງເສັ້ນດ່າງທີ່ລະອຽດອ່ອນ.
Slate Gray #777b86 — ສີລິ້ງ, ຂໍ້ຄວາມຊ່ວຍທີ່ມືດມົວ, ຂໍ້ຄວາມສ່ວນລຸ່ມ - ສີເທົາເຢັນໆທີ່ບໍ່ມີສີອີ່ມຕົວ ຕັ້ງຢູ່ລະຫວ່າງຂໍ້ຄວາມຫຼັກ ແລະ ຂໍ້ຄວາມທີ່ບໍ່ສາມາດລວມເຂົ້າໄດ້.
Ash Gray #979799 — ປ້າຍກຳກັບເພີ່ມເຕີມ, ແທັກໝວດໝູ່ (ການຕະຫຼາດ, ການເງິນ, ການຂາຍ) - ສີອ່ອນກວ່າສີຂອງລິ້ງໜຶ່ງຂັ້ນ.

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

ຈາກ 15 ຫາ 90px · 8 ຂັ້ນຕອນ

Signifier — ການທົດແທນ: GT Sectra · ໂຄງຮ່າງ 400 · ຟອນຕ໌ serif ສຳລັບຫົວຂໍ້ ແລະ ຫົວຂໍ້—ໃຊ້ສະເພາະສຳລັບ H1/H2 ໃນສາມຂະໜາດ; ນ້ຳໜັກຟອນຕ໌ຍັງຄົງຢູ່ທີ່ 400 (ປົກກະຕິ) ໃນທຸກຂະໜາດ, ເປັນທາງເລືອກທີ່ໂດດເດັ່ນ: ຟອນຕ໌ serif ດັງກະຊິບແທນທີ່ຈະຮ້ອງຄືກັບຟອນຕ໌ທີ່ໜາ.
Sohne — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 430, 450, 480, 500 · ຟອນຕ໌ຫຼັກ, ອິນເຕີເຟດ, ແລະ ການນຳທາງແມ່ນມີຄວາມຫຼາກຫຼາຍ, ກວມເອົາທຸກຢ່າງຕັ້ງແຕ່ metadata ຈົນເຖິງຫົວຂໍ້ຍ່ອຍ; ນ້ຳໜັກເຄິ່ງຂັ້ນ (430, 450, 480) ສ້າງລຳດັບຊັ້ນທີ່ລະອຽດອ່ອນໂດຍບໍ່ຕ້ອງໂດດໄປຫາຕົວໜາ.

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

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

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

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

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

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

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