Stripe
ປື້ມບັນຊີທີ່ຂຽນດ້ວຍນໍ້າມຶກສີຄາມໃສ່ກະຈົກ
Stripe ໃຊ້ພາສາທີ່ເກືອບຈະເປັນສີດຽວສຳລັບເຄື່ອງມືທາງການເງິນ: ຜ້າໃບສີຂາວອ່ອນໆ, ເຢັນສະບາຍພ້ອມດ້ວຍຫົວຂໍ້ສີຟ້າເຂັ້ມ, ເກືອບບໍ່ມີອົງປະກອບໂຄຣມຕົກແຕ່ງ, ແລະສີຄາມສົດໃສອັນດຽວ (#533afd) ທີ່ສາມາດໃຊ້ເປັນປຸ່ມ, ລິ້ງ, ຫຼືໂຄງຮ່າງໄອຄອນໄດ້ຢ່າງຖືກຕ້ອງ. ຮູບແບບຕົວອັກສອນມີຄວາມບາງເປັນພິເສດ, ມີນ້ຳໜັກ 300 ຈຸດ—ເຖິງແມ່ນວ່າຢູ່ທີ່ 56px—ເຊິ່ງຮູ້ສຶກວ່າບໍ່ໜ້າເຊື່ອຖືຫຼາຍກວ່າການລວມຕົວຢ່າງເປີດເຜີຍ; ໄລຍະຫ່າງຂອງຕົວອັກສອນຫຼຸດລົງຢ່າງໄວວາເມື່ອຂະໜາດເພີ່ມຂຶ້ນ. ປຸ່ມມີຂະໜາດນ້ອຍ, ເປັນຮູບສີ່ຫຼ່ຽມມົນ (4px), ແລະໃຊ້ການຕື່ມສີມ່ວງ ຫຼື ໂຄງຮ່າງສີມ່ວງທີ່ບາງທີ່ສຸດ. ລະບົບຫຼີກລ່ຽງເງົາໄດ້ຢ່າງສົມບູນ; ຄວາມເລິກແມ່ນບັນລຸໄດ້ໂດຍຜ່ານການປ່ຽນສີພື້ນຫຼັງ (ສີຂາວ → #f8fafd → #e5edf5 → ສີມ່ວງ), ແທນທີ່ຈະຜ່ານການຍົກລະດັບ. ອິນເຕີເຟດທັງໝົດປະຕິບັດຄືກັບບັນຊີແຍກປະເພດບັນຊີ ຫຼື ເຄື່ອງຮັບຂໍ້ມູນ: ຂໍ້ມູນທີ່ໜາແໜ້ນ, ເສັ້ນທີ່ຊັດເຈນ, ພື້ນທີ່ຫວ່າງຫຼາຍລະຫວ່າງພາກສ່ວນ, ແລະສີຈະປາກົດຂຶ້ນເມື່ອຕ້ອງການການກະທຳເທົ່ານັ້ນ.
ຄວາມກວ້າງສູງສຸດແມ່ນ ~1320px ສຳລັບຖັນເນື້ອຫາທີ່ຢູ່ໃຈກາງເທິງຜ້າໃບສີຂາວ. ຕົວລະຄອນຫຼັກແມ່ນບລັອກຂໍ້ຄວາມທີ່ຈັດລຽງໄວ້ທາງຊ້າຍໃນຂະໜາດເຕັມ (56px) ໂດຍມີສອງການຮຽກຮ້ອງໃຫ້ປະຕິບັດຢູ່ດ້ານລຸ່ມ, ບໍ່ມີຮູບພາບຕົວລະຄອນຫຼັກ - ຮູບແບບຕົວອັກສອນແມ່ນຕົວລະຄອນຫຼັກ. ພາກສ່ວນຕ່າງໆຖືກຈັດລຽງຕາມແນວຕັ້ງດ້ວຍຮ່ອງນ້ຳ 96px ແລະຕົວແບ່ງ #e5edf5 1px ເທົ່າທຽມກັນ; ບໍ່ມີເສັ້ນສີເຂັ້ມ/ສີອ່ອນສະຫຼັບກັນ. ແຕ່ລະພາກສ່ວນປະຕິບັດຕາມຮູບແບບທີ່ຊ້ຳກັນ: ຫົວຂໍ້ພາກສ່ວນຂະໜາດນ້ອຍທີ່ມີຕົວພິມໃຫຍ່ທັງໝົດ (ສີຄວັນ, 12px), ຈາກນັ້ນຫົວຂໍ້ 32-48px, ຈາກນັ້ນວັກ 22px, ຈາກນັ້ນຕາຂ່າຍບັດຜະລິດຕະພັນ (3 ຖັນໃນເດັສທັອບ) ຫຼືບລັອກຂໍ້ຄວາມ 2 ຖັນທີ່ມີສິລະປະພາບ. ໂລໂກ້ລູກຄ້າປາກົດຢູ່ໃນແຖບແນວຕັ້ງແຄບ, ຈັດລຽງໄວ້ທາງຊ້າຍ. ສ່ວນລຸ່ມສຸດແມ່ນແຖບ #f8fafd ກວ້າງໜຶ່ງແຖບທີ່ມີລາຍຊື່ລິ້ງຫຼາຍຖັນ. ຈັງຫວະໂດຍລວມແມ່ນຊ້າ, ວັດແທກໄດ້, ແລະສ່ວນໃຫຍ່ແມ່ນຂໍ້ຄວາມ - ຄວາມໜາແໜ້ນຂອງຂໍ້ມູນແມ່ນຕໍ່າ, ເຖິງວ່າຈະມີຄວາມຍາວຂອງການເລື່ອນຍາວ.
ຮູບພາບແມ່ນມີຄວາມລະອຽດອ່ອນ ແລະ ເປັນແບບສາລະຄະດີ. ຮູບພາບເຕັມໜ້າຈະປາກົດຢູ່ໃນພາກສ່ວນທີ່ມີການສຶກສາກໍລະນີເທົ່ານັ້ນ (ເຊັ່ນ: ການຖ່າຍຮູບການຈະລາຈອນທາງອາກາດສຳລັບ Hertz), ຖ່າຍຈາກຂ້າງເທິງ ຫຼື ໃນມຸມທີ່ໜ້າຕື່ນເຕັ້ນ, ໂດຍໃຊ້ສີທຳມະຊາດ - ບໍ່ມີການປະມວນຜົນສີສອງສີ ຫຼື ສີ. ພາບໜ້າຈໍຂອງອິນເຕີເຟດຜູ້ໃຊ້ຂອງຜະລິດຕະພັນແມ່ນໃຊ້ພາຍໃນບັດຄຸນສົມບັດ, ສະແດງດ້ວຍມຸມທີ່ຄົມຊັດ ແລະ ຂອບທີ່ຊັດເຈນ, ໂດຍບໍ່ມີກອບອຸປະກອນ. ໂລໂກ້ຄູ່ຮ່ວມງານແມ່ນສະແດງດ້ວຍສີຂອງມັນເອງ, ໂດຍບໍ່ມີກ່ອງໃດໆ. ບໍ່ມີຮູບແຕ້ມ, ການສະແດງ 3D, ຫຼື ອົງປະກອບກຣາບຟິກນາມທຳທີ່ຕົກແຕ່ງ. ຮູບສັນຍາລັກແມ່ນຄືກັນ: ນ້ຳໜັກເສັ້ນ 1, ນ້ຳໜັກເສັ້ນ 2 ເທິງພື້ນຫຼັງສີຂາວ, ມີສິລະປະເສັ້ນເລຂາຄະນິດ (ເຄື່ອງໝາຍ, ລູກສອນ, ເຄື່ອງໝາຍຖືກ, ສັນຍາລັກເອກະສານ). ໜ້ານີ້ປະກອບດ້ວຍຂໍ້ຄວາມ ແລະ ພື້ນທີ່ສີຂາວເປັນຫຼັກ; ຮູບພາບກວມເອົາພື້ນທີ່ເບິ່ງເຫັນໜ້ອຍກວ່າ 3% ຂອງພື້ນທີ່ເບິ່ງເຫັນທັງໝົດ.
ພາເລັດ
ຍີ່ຫໍ້
- Indigo Ink
#533afd— ສີມ່ວງຖືກໃຊ້ສຳລັບປຸ່ມທີ່ເຕັມແລ້ວ, ສະຖານະການນຳທາງທີ່ເລືອກ, ແລະ ຊ່ວງເວລາການປ່ຽນໃຈເຫລື້ອມໃສທີ່ຂັບເຄື່ອນດ້ວຍຈຸດສຸມ. - Indigo Hover
#7389ff— ສີມ່ວງໃຊ້ເພື່ອເນັ້ນລິ້ງ, ແທັກ ແລະ ປະໂຫຍກສັ້ນໆ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ.
ເປັນກາງ
- Midnight Ink
#061b31— ຫົວຂໍ້ຫຼັກ ແລະ ເນື້ອໃນຂອງຂໍ້ຄວາມແມ່ນສີດຳເຂັ້ມເກືອບເປັນສີດຳພ້ອມດ້ວຍສີຟ້າເຢັນໆ ເຊິ່ງເປັນພື້ນຖານສຳລັບລະບົບຕົວອັກສອນທັງໝົດ. - Slate
#64748d— ຕົວໜັງສືສີເທົາເນັ້ນໃສ່ລິ້ງ, ແທັກ ແລະ ປະໂຫຍກສັ້ນໆ. - Steel
#50617a— ຂໍ້ຄວາມເພີ່ມເຕີມ ແລະ ເອກະສານສະໜັບສະໜູນແມ່ນຕັ້ງຢູ່ລະຫວ່າງສີດຳ ແລະ ສີມ່ວງອ່ອນໆທີ່ໃຊ້ໃນໃບອະນຸຍາດຍ່ອຍ. - Smoke
#839bc8— ສຳລັບຫົວຂໍ້ຕົກແຕ່ງຂະໜາດໃຫຍ່ ແລະ ຂໍ້ຄວາມປະກອບ, ສີມ່ວງອ່ອນໆຈະຖືກໃຊ້ - ຫ້າມໃຊ້ໃນວັກເນື້ອຫາ. - Pure White
#ffffff— ຜ້າໃບໜ້າ ແລະ ໜ້າດິນທີ່ຍົກຂຶ້ນຂອງບັດ; ພື້ນຫຼັງເລີ່ມຕົ້ນທີ່ທຸກຢ່າງຖືກວັດແທກ. - Mist
#f8fafd— ພື້ນຫຼັງຂອງສ່ວນລຸ່ມສຸດ ແລະ ຕົວແບ່ງພາກສ່ວນແມ່ນສີເຢັນອ່ອນໆທີ່ແຍກພື້ນທີ່ທີ່ບໍ່ມີຂອບທີ່ເຫັນໄດ້.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 56px · 9 ຂັ້ນຕອນ
- sohne-var — ການທົດແທນ: Inter Tight (variable · ໂຄງຮ່າງ 300, 400 · ຟອນຕ໌ດຽວທີ່ໃຊ້ໃນອິນເຕີເຟດທັງໝົດແມ່ນສຳລັບຫົວຂໍ້, ຂໍ້ຄວາມ, ການນຳທາງ, ປຸ່ມ ແລະ ປ້າຍຊື່. ນ້ຳໜັກ 300 ຍັງໃຊ້ໄດ້ເຖິງແມ່ນວ່າຢູ່ທີ່ຂະໜາດໜ້າຈໍ 56px, ເຊິ່ງເປັນລັກສະນະທີ່ໂດດເດັ່ນ: ຫົວຂໍ້ເວົ້າຄ່ອຍໆແທນທີ່ຈະຮ້ອງ, ສ້າງສິດອຳນາດຜ່ານການຍັບຍັ້ງແທນທີ່ຈະດັງ. ນ້ຳໜັກ 400 ປາກົດຢູ່ທີ່ 14–16px ສຳລັບການນຳທາງ ແລະ ຂໍ້ຄວາມປຸ່ມເທົ່ານັ້ນ, ບ່ອນທີ່ຕ້ອງການການຂີດເພີ່ມເຕີມເພື່ອໃຫ້ອ່ານງ່າຍໃນຂະໜາດນ້ອຍກວ່າ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ກວ້າງຂວາງ |
| ຂັ້ນຕອນພື້ນຖານ | 8px |
| ລັດສະໝີປຸ່ມ | 4px |
| ລັດສະໝີບັດ | 4px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 96px |
| ຄວາມກວ້າງຂອງໜ້າ | 1320px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Stripe ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Ui — ແຜນທາງດ້ານຄລີນິກເທິງເຈ້ຍດ້ານ
- monopo saigon — ແສງສະຫວ່າງທີ່ເປັນຂອງແຫຼວ ແລະ ມີລວດລາຍຢູ່ເບື້ອງຫຼັງຄວາມງຽບສະຫງົບຂອງບັນນາທິການ — ຫ້ອງວາງສະແດງບັນນາທິການສີດຽວທີ່ລອຍຢູ່ເທິງແສງໄຟທີ່ລະລາຍ
- Ventriloc — ການສັງເກດການດ້ານບັນນາທິການຂອງຂໍ້ມູນໃນເຈ້ຍອຸ່ນ - ຖ່ານສີສົ້ມອັນດຽວທີ່ເນັ້ນໃຫ້ເຫັນຄວາມແມ່ນຍຳຂອງສີດຽວ
- Hyer Aviation — ມືດຄຶ້ມໃນຫ້ອງນັກບິນເທິງຜ້າໜັງ. ທ້ອງຟ້າຕອນເຊົ້າມືດໆພົບກັບໂລໂກ້ serif ຂະໜາດເທົ່າກັບລຳຕົວເຮືອບິນ, ແລະ ການເນັ້ນສີດິນເຜົາອຸ່ນໆພຽງອັນດຽວກໍ່ທຳລາຍຄວາມໂດດເດັ່ນຂອງສີດຽວ.
- Family — ແຜ່ກະຈາຍຈາກນິທານເທບນິຍາຍໃສ່ເຈ້ຍ parchment ສີຄີມ
- OFF+BRAND. — ລູກກົມທີ່ມີລວດລາຍເປັນประกายຢູ່ເທິງເຈ້ຍໜັງທີ່ອົບອຸ່ນ
- Geniestudio — ປື້ມບັນທຶກອ່ອນໆກາງເວັນ - ປະເພດທີ່ມີຂອບກວ້າງ ແລະ ມີປາກກາໜາພຽງເສັ້ນດຽວ
- xAI — ຫ້ອງທົດລອງຄຣີມອຸ່ນພ້ອມຢາເມັດສີດຳ
- Seed — ສິ່ງມີຊີວິດພາຍໃຕ້ແກ້ວຫ້ອງທົດລອງ
- Cosmos — ຝາຜະໜັງຫ້ອງວາງສະແດງທີ່ປູດ້ວຍຜ້າລິນິນ ແລະ ແຂວນດ້ວຍຮູບໂພລາຣອຍ
- Cal — ການນຳໃຊ້ສີດຽວ, ວິທີການຂອງມະນຸດ. ລະບົບທີ່ໃຫ້ຄວາມສຳຄັນກັບຄວາມຊັດເຈນ ແລະ ໜ້າທີ່ການໃຊ້ງານຜ່ານແຜ່ນສີດຳ-ຂາວທີ່ເຂັ້ມງວດ, ແຕ່ເຮັດໃຫ້ມັນອ່ອນລົງດ້ວຍຕົວອັກສອນທີ່ເປັນມິດ ແລະ ຮູບຮ່າງມົນ.
- T1 Energy — ຮູບແຕ້ມຂອງສະຖານທີ່ຜະລິດຢູ່ເທິງເຈ້ຍໜັງທີ່ອົບອຸ່ນແມ່ນພາບທີ່ງຽບສະຫງົບ ແລະ ເປັນສີດຽວທີ່ມີຂະໜາດອຸດສາຫະກຳ ແລະ ຮູບແບບຕົວອັກສອນທີ່ລະອຽດອ່ອນປະກອບເປັນຍີ່ຫໍ້ທັງໝົດ.