Seline Analytics
ໂຕະວິເຄາະທີ່ງຽບສະຫງົບຢູ່ເທິງເຈ້ຍອຸ່ນໆ
Seline ຖືກຕັ້ງຢູ່ເທິງພື້ນຫຼັງຫີນທີ່ອົບອຸ່ນ (#fafaf9) ດ້ວຍການເນັ້ນສີຟ້າສົດໃສອັນດຽວ - ສີອື່ນໆທັງໝົດແມ່ນເປັນກາງ ແລະ ແຕ້ມມາຈາກແຜ່ນສີຫີນ Tailwind. ຫົວຂໍ້ຂ່າວຖືກສະແດງດ້ວຍຕົວອັກສອນ sans-serif ເລຂາຄະນິດທີ່ອອກແບບມາເປັນພິເສດ (roobert) ດ້ວຍນ້ຳໜັກ 400 ແລະ ໄລຍະຫ່າງຕົວອັກສອນລົບແຄບ, ເຮັດໃຫ້ຂໍ້ຄວາມມີຄວາມໝັ້ນໃຈແບບສະບາຍໆ, ເກືອບຄືກັບສຽງກະຊິບທີ່ກົງກັນຂ້າມກັບແບບ SaaS ທີ່ມັກຈະດັງ. ໜ້າ UI ແມ່ນບັດສີຂາວຮາບພຽງ, ລອຍຢູ່ເທິງພື້ນຫຼັງທີ່ອົບອຸ່ນດ້ວຍຄວາມມົວ 16px ດຽວ, ອ່ອນນຸ້ມ; ຂອບຖືກສ້າງຂຶ້ນດ້ວຍເສັ້ນບາງໆ, 1px ທີ່ມີສີຫີນ, ຖືກນໍາໃຊ້ຢ່າງກວ້າງຂວາງເປັນອົງປະກອບໂຄງສ້າງຫຼັກແທນທີ່ຈະເປັນຕົວແບ່ງຫຼືແຜງທີ່ໜັກ. ຮູບແບບການອອກແບບມີບັນຍາກາດ: ເນື້ອຫາເຕັມຄວາມກວ້າງທີ່ເນັ້ນໃສ່ຈັງຫວະແນວຕັ້ງທີ່ກວ້າງຂວາງ, ມີການຄວບຄຸມແບບໂຕ້ຕອບຮູບເມັດ, ຮູບແຕ້ມ mascot ສຳລັບບຸກຄະລິກກະພາບ, ແລະ ພາບໜ້າຈໍ dashboard ເປັນຫຼັກຖານຜະລິດຕະພັນ. ຄວາມປະທັບໃຈໂດຍລວມແມ່ນການວິເຄາະດ້ານບັນນາທິການ: ສະຫງົບ, ສີດຽວ, ໝັ້ນໃຈ, ດ້ວຍການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດສີຟ້າເປັນອົງປະກອບທີ່ໂດດເດັ່ນທີ່ສຸດໃນໜ້າເວັບຍ້ອນການຍັບຍັ້ງທຸກຢ່າງຢ່າງຕັ້ງໃຈ.
ໜ້າເວັບມີຄວາມກວ້າງສູງສຸດ, ຢູ່ກາງປະມານ 1200px ພ້ອມດ້ວຍພື້ນທີ່ຕັ້ງຫຼາຍ. ຕົວລະຄອນຫຼັກແມ່ນບລັອກຂໍ້ຄວາມສອງແຖວ, ຈັດລຽງທາງຊ້າຍທີ່ມີປະໂຫຍກດຽວທີ່ເນັ້ນໃສ່ ("ງ່າຍດາຍ ແລະ ມີປະສິດທິພາບ") ເປັນສີຟ້າ, ຕາມດ້ວຍແຖວທີ່ມີສອງການຮຽກຮ້ອງໃຫ້ປະຕິບັດ (ເມັດສີຟ້າ + ເມັດຜີ), ຈາກນັ້ນແຖວໂລໂກ້ຄູ່ຮ່ວມງານໃນລະດັບສີເທົາ, ຈາກນັ້ນແຖວຂອງການໃຫ້ຄະແນນຄວາມໄວ້ວາງໃຈ, ແລະ ຫຼັງຈາກນັ້ນຕົວຢ່າງແຜງຄວບຄຸມລອຍເຕັມຄວາມກວ້າງ, ຊ້ອນກັນເລັກນ້ອຍກັບພາກສ່ວນຕໍ່ໄປ. ດ້ານລຸ່ມຂອງຮອຍພັບແມ່ນແຖວຂອງຄຳຊົມເຊີຍສະຫຼັບກັນໃນຕາຂ່າຍໄຟຟ້າຖັນດຽວ, ຕາມດ້ວຍພາກສ່ວນທີ່ມີຄວາມກວ້າງເຕັມທີ່ມີລາຍລະອຽດຄຸນສົມບັດ, ຂໍ້ຄວາມຈັດລຽງທາງຊ້າຍ, ແລະ ຮູບພາບຜະລິດຕະພັນຢູ່ກາງ. ການນຳທາງແມ່ນແຖບດ້ານເທິງແບບ minimalist - ໂລໂກ້ຢູ່ເບື້ອງຊ້າຍ, ລິ້ງນຳທາງຢູ່ກາງ, ການເຂົ້າສູ່ລະບົບ + ການຮຽກຮ້ອງໃຫ້ປະຕິບັດສີຟ້າຢູ່ເບື້ອງຂວາ - ໂດຍມີກຸ່ມຮູບແທນຕົວລອຍຢູ່ກາງການນຳທາງເປັນການຢັ້ງຢືນຕົວຕົນ. ຊ່ອງຫວ່າງລະຫວ່າງພາກສ່ວນຕ່າງໆແມ່ນກວ້າງ (96px) ເພື່ອສ້າງຈັງຫວະການບັນນາທິການແທນທີ່ຈະເປັນການສັບສົນຂອງຂໍ້ມູນທີ່ໜາແໜ້ນ.
ພາສາທີ່ເບິ່ງເຫັນໄດ້ແມ່ນຖືກຄອບງຳໂດຍພາບໜ້າຈໍຂອງອິນເຕີເຟດຜູ້ໃຊ້ຂອງຜະລິດຕະພັນ - ການສະແດງຕົວຢ່າງຂອງແຜງຄວບຄຸມແມ່ນຮູບຖ່າຍທີ່ສະແດງດ້ວຍຕົວກອງຄວາມຄົມຊັດສີເທົາ (1) (0.94), ເຊິ່ງເຮັດໃຫ້ສີຂອງຂໍ້ມູນເປັນສີດຽວ. ຮູບຄົນພຽງຕົວດຽວແມ່ນສະຕິກເກີ້ມາສໂຄສເສັ້ນຊື່ (ຕົວລະຄອນທີ່ມີໝວກ), ແຕ້ມໃນແບບ SVG ພ້ອມດ້ວຍເສັ້ນຂອບເທົ່ານັ້ນ, ວາງຄັ້ງດຽວຕໍ່ພາກສ່ວນເປັນຈຸດກົງກັນຂ້າມທີ່ມ່ວນຊື່ນກັບເນື້ອຫາການວິເຄາະ, ມີເງົາອ່ອນໆເພື່ອສ້າງຜົນກະທົບຄ້າຍຄືສະຕິກເກີ້ຂອງຄວາມເລິກ. ໂລໂກ້ຍີ່ຫໍ້ ແລະ glyphs ແມ່ນประกายໄຟ/ແປວໄຟສີດຳຂະໜາດນ້ອຍ. ບໍ່ມີຮູບຖ່າຍ - ບໍ່ມີຮູບວິຖີຊີວິດ, ບໍ່ມີຮູບທີມ, ບໍ່ມີຮູບພາບສິ່ງແວດລ້ອມ. ວັດຖຸ (ແຜງຄວບຄຸມ) ແມ່ນຕົວລະຄອນຫຼັກ. ຮູບສັນຍາລັກຕົກແຕ່ງທັງໝົດແມ່ນຮູບແບບເສັ້ນຂອບ 1px ໃນ #0c0a09 ຫຼື #3ba6f1, ບໍ່ເຄີຍເຕັມ.
ພາເລັດ
ຍີ່ຫໍ້
- Cyan Signal
#3ba6f1— ການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດຫຼັກ, ລິ້ງທີ່ໃຊ້ງານຢູ່, ແລະ ໂຄງຮ່າງຂອງໄອຄອນຍີ່ຫໍ້ແມ່ນການເນັ້ນສີດຽວໃນໜ້າ, ເຊິ່ງໃຊ້ຢ່າງລະມັດລະວັງເພື່ອດຶງດູດຄວາມສົນໃຈໃຫ້ກັບການກະທຳ. - Cyan Edge
#3398e1— ສີຟ້າຖືກນໍາໃຊ້ເພື່ອເນັ້ນໃສ່ໂຄງຮ່າງການດໍາເນີນການ, ປ້າຍຊື່ລິ້ງ ແລະ ອົງປະກອບການໂຕ້ຕອບ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສໍາລັບການຮຽກຮ້ອງໃຫ້ມີການກະທໍາ.
ເປັນກາງ
- Ink Black
#0c0a09— ຫົວຂໍ້ຫຼັກ, ເນື້ອໃນທີ່ເນັ້ນໃຫ້ເຫັນ, ແລະ ຮູບສັນຍາລັກທີ່ສະແດງອອກແມ່ນມີສີທີ່ອົບອຸ່ນ, ເກືອບເປັນສີດຳ. - Stone Canvas
#fafaf9— ພື້ນຫຼັງຂອງໜ້າເວັບແມ່ນສີທີ່ອົບອຸ່ນ ແລະ ຄຣີມມີ່ ເຊິ່ງຮູ້ສຶກຄືກັບເຈ້ຍແທນທີ່ຈະເປັນສີຂາວຂອງໜ້າຈໍ. - Pure White
#ffffff— ໜ້າດິນແຜນທີ່, ແຜງທີ່ຍື່ນອອກມາ, ແລະ ການຕື່ມໃສ່ຊ່ອງປ້ອນຂໍ້ມູນແມ່ນຮາບພຽງ ແລະ ບໍ່ມີເງົາໂດຍຄ່າເລີ່ມຕົ້ນ. - Stone Border
#e8e6e5— ຂອບບາງໆໃນບັດ, ການນຳທາງ, ແລະຊ່ອງຂໍ້ມູນປ້ອນຂໍ້ມູນແມ່ນອົງປະກອບໂຄງສ້າງຫຼັກ, ບໍ່ແມ່ນຕົວແຍກ. - Stone Muted
#d6d3d1— ກອບເພີ່ມເຕີມ, ສີພື້ນຫຼັງທີ່ລະອຽດອ່ອນ, ເສັ້ນແບ່ງຕົກແຕ່ງ. - Ash Gray
#a8a29e— ຂໍ້ຄວາມຊ່ວຍເຫຼືອ, ໂຄງຮ່າງຮູບສັນຍາລັກ, ສະຖານະປິດໃຊ້ງານ - ອ່ານໄດ້ແຕ່ບໍ່ໃຊ້ງານ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 10 ຫາ 52px · 5 ຂັ້ນຕອນ
- Roobert — ການທົດແທນ: Inter Tight or Satoshi · ໂຄງຮ່າງ 400, 500 · ຟອນສຳລັບຫົວຂໍ້ ແລະ ຮູບແບບຂໍ້ຄວາມແມ່ນຮູບແບບເລຂາຄະນິດ sans-serif ທີ່ເປັນເອກະລັກ ໂດຍມີໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນລົບໜ້ອຍທີ່ສຸດ (-0.025em ທີ່ 32px, -0.021em ທີ່ 52px). ນ້ຳໜັກ 400 x 52px ແມ່ນລາຍເຊັນຂອງຟອນ: ບໍ່ທຳມະດາ, ລະອຽດອ່ອນ, ແຕ່ມີອຳນາດ, ແຕ່ບໍ່ມີລັກສະນະເດັ່ນ. ຫົວຂໍ້ຂ່າວມີບົດບາດສຳຄັນໂດຍບໍ່ມີລັກສະນະເດັ່ນເກີນໄປ.
- Inter — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 500, 600 · ຟອນຫຼັກສຳລັບຂໍ້ຄວາມ, ການນຳທາງ, UI, ແລະຫົວຂໍ້ແມ່ນຟອນທີ່ເປັນກາງ ແລະ ທົ່ວໄປສຳລັບຂໍ້ຄວາມນອກໜ້າຈໍທັງໝົດ. 14px ດ້ວຍນ້ຳໜັກ 400 ແລະ ໄລຍະຫ່າງລະຫວ່າງແຖວ 1.64 ແມ່ນຂະໜາດຫຼັກສຳລັບຂໍ້ຄວາມ (ຄວາມຖີ່ 1174). ໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນບວກ (0.004em) ໃນຂະໜາດນ້ອຍຮັບປະກັນການອ່ານ UI ທີ່ໜາແໜ້ນ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ກວ້າງຂວາງ |
| ຂັ້ນຕອນພື້ນຖານ | 8px |
| ລັດສະໝີປຸ່ມ | 9999px |
| ລັດສະໝີບັດ | 10px |
| ເງົາ | ເງົາອ່ອນໆ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 96px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Seline Analytics ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- ElevenLabs — ບົດຂຽນຮູບພາບໃນໂທນສີຄຣີມອຸ່ນໆພ້ອມດ້ວຍຫົວຂໍ້ຂ່າວທີ່ລະອຽດອ່ອນ. ປື້ມບັນທຶກແບບ Bauhaus—ເຈ້ຍສີເປືອກໄຂ່, ໝຶກສີດຳ, ແລະສີມ່ວງ ແລະ ສີສົ້ມດຽວສຳລັບວາງສະແດງຜະລິດຕະພັນ.
- Awesomic — ຕາໜ່າງສັງກະສີບັນນາທິການທີ່ມີເຄື່ອງໝາຍວັກຕອນສີສົ້ມເຮັດໃຫ້ນຶກເຖິງເຈ້ຍປິວຕີ້
- Monad — ວາລະສານດ້ານວິຊາການກ່ຽວກັບເຈ້ຍ parchment ອຸ່ນ
- Dub — ແຜງຄວບຄຸມເຈ້ຍເຂົ້າດ້ານຂອງ Link
- Notion — ປື້ມບັນທຶກເຈ້ຍອຸ່ນໆໃນແສງແດດທ່ຽງວັນ
- Anthropic — ວາລະສານວິທະຍາສາດພາກສະໜາມກ່ຽວກັບຜ້າໜັງແກະອຸ່ນໆ—ໜ້າຜິວງາຊ້າງທີ່ສະຫງົບ, ຫົວຂໍ້ບັນນາທິການທີ່ມີລວດລາຍ, ແລະ ການເນັ້ນສີດິນເຜົາດຽວທີ່ປາກົດຂຶ້ນເມື່ອຕ້ອງການການປະຕິບັດເທົ່ານັ້ນ.
- Calendly — ນໍ້າມຶກສີຟ້າເຂັ້ມເທິງຫິນອ່ອນເຢັນ
- Augen Pro — ການນຳສະເໜີສີຂາວຂອງ Apple ມີສີຟ້າໄຟຟ້າທີ່ມີນ້ຳໜັກເບົາ ແລະ ເປັນສີທຳມະດາເປັນຈຸດເດັ່ນໃນພື້ນທີ່ສີຂາວດຽວ.
- Antimetal — ບັນທຶກເຫດການໃນເຈ້ຍສີຄີມ - ຕອນເຊົ້າທີ່ງຽບສະຫງົບຢູ່ວາລະສານວິທະຍາສາດ, ບ່ອນທີ່ຄວາມຍັບຍັ້ງສະແດງຄວາມໝັ້ນໃຈ ແລະ ຮອຍຂີດຂ່ວນເຮັດໃຫ້ເກີດຄວາມໜັກໜ່ວງ
- Perk — ປູນຂາວໄຟຟ້າໃສ່ເຈ້ຍ parchment ອຸ່ນໆ
- Ditto — ກອງປະຊຸມທີ່ມີແສງແດດສ່ອງເຖິງການສ້າງຕົວຢ່າງດອກໄມ້ປ່າ. ພື້ນຜິວສີຄຣີມອຸ່ນ, ສີພື້ນຖານສີເຫຼືອງສົດໃສ, ນໍ້າມຶກສີຟ້າເຂັ້ມ, ຮູບແບບສີອໍແກນິກທີ່ເບັ່ງບານຢູ່ທາງຫຼັງຊິ້ນສ່ວນ.
- Officevibe — ວາລະສານບັນນາທິການທີ່ຂຽນດ້ວຍເຈ້ຍສີຄຣີມອຸ່ນໆ. ລອງນຶກພາບເຖິງບົດຂຽນທີ່ຄິດເຖິງກ່ຽວກັບການຄຸ້ມຄອງຊັບພະຍາກອນມະນຸດ, ນຳສະເໜີເປັນຜະລິດຕະພັນ - ຕົວອັກສອນຕົວຫຍໍ້ serif ທີ່ກະຊິບຜ່ານອິນເຕີເຟດສີຟ້າທີ່ທັນສະໄໝ.