Telegram, WhatsApp+380637610482
วาเลรี ดานยุก
วาเลรี ดานยุกนักพัฒนาพัฒนาเครื่องมือ AI สำหรับธุรกิจ คุณภาพสูง ราคาไม่แพงติดต่อผ่าน Telegram
Superpower — ตัวอย่างเว็บไซต์ในรูปแบบนี้

Superpower

ศูนย์จัดการสุขภาพเรืองแสง

Superpower สะท้อนถึงคำมั่นสัญญาทางคลินิกที่จริงจังผ่านอินเทอร์เฟซผู้ใช้ที่มีบรรยากาศแบบภาพยนตร์: ภาพถ่ายสีเข้มเต็มความกว้างเปลี่ยนไปเป็นพื้นผิวเนื้อหาสีขาวที่คมชัดอย่างราบรื่น ในขณะที่สีส้มสดใสเหมือนแสงอาทิตย์ขึ้นเพียงสีเดียวส่องสว่างทั่วทั้งระบบ ตัวอักษรแสดงถึงแบรนด์—แบบอักษร sans-serif เรขาคณิตที่เป็นเอกลักษณ์ พร้อมระยะห่างระหว่างตัวอักษรน้อยที่สุด ปรับขนาดจาก 11 พิกเซลสำหรับข้อมูลเมตาเป็น 66 พิกเซลสำหรับการแสดงผล โดยระยะห่างระหว่างบรรทัดจะบีบตัวลงเมื่อขนาดเพิ่มขึ้น (1.00 สำหรับการแสดงผล 1.40–1.50 สำหรับข้อความหลัก) แถบนำทางรูปทรงแคปซูลสีเข้มลอยอยู่เหนือภาพ และปุ่มกระตุ้นการดำเนินการรูปทรงแคปซูลสร้างความตึงเครียดระหว่างความแม่นยำทางคลินิกและพลังที่อบอุ่นและมีชีวิตชีวา พื้นผิวส่วนใหญ่เรียบ—ระบบอาศัยพื้นที่สีขาวจำนวนมาก เส้นแบ่งสังกะสีที่ละเอียดอ่อน และรูปแบบเงาที่ละเอียดอ่อนเพียงอย่างเดียว แทนที่จะใช้การยกสูงที่เด่นชัด สีถูกใช้อย่างประหยัด: เกือบทุกอย่างเป็นสีดำ สีขาว หรือสีเทาสังกะสี โดยมีสีส้มปรากฏเฉพาะเป็นเครื่องหมายวรรคตอนที่ใช้งานได้ในส่วนของการกระทำและแบรนด์

ภาพหลักโดดเด่นด้วยภาพถ่ายแบบภาพยนตร์เต็มความกว้าง—ภาพเงาของคนคนหนึ่งตัดกับท้องฟ้าสีเทอร์ควอยซ์เข้ม ภาพนั้นตั้งใจให้ดูมืดและหม่นหมองเพื่อสร้างน้ำหนักทางอารมณ์และความแตกต่างกับคำมั่นสัญญาด้านสุขภาพ ภาพรองเป็นภาพสินค้าแบบแคบๆ เรียบง่าย (บัตรสมาชิกสีส้มลายหินอ่อน ภาพหน้าจอแอป) มากกว่าภาพถ่ายไลฟ์สไตล์ ไม่มีภาพประกอบ ไม่มีภาพเรนเดอร์ 3 มิติ ไม่มีกราฟิกนามธรรม—ความแตกต่างของภาพถ่ายคือเอกลักษณ์ทางภาพ บัตรสมาชิกประดับด้วยลวดลายหินอ่อน/โคมไฟลาวาแบบธรรมชาติในโทนสีพระอาทิตย์ขึ้น—เป็นองค์ประกอบตกแต่งทางภาพเพียงอย่างเดียว ไอคอนมีรัศมีเส้น 7.5 พิกเซล (สี่เหลี่ยมจัตุรัสโค้งมน) พร้อมเส้นขอบสีดำคาร์บอนที่ละเอียดอ่อน

จานสี

ยี่ห้อ

  • Sunrise Coral #fc5f2b — สีส้มใช้เป็นสีเสริมสำหรับรายละเอียดตกแต่งและเพื่อเน้นย้ำสิ่งที่ปรากฏไม่บ่อยนัก ไม่ควรใช้เป็นสีหลักสำหรับข้อความกระตุ้นการกระทำ
  • Coral Glow #ff8b64 — การไล่ระดับสีที่ปลายสุด ผสานกับสี Sunrise Coral สำหรับการออกแบบตกแต่งบัตรสมาชิก

เป็นกลาง

  • Carbon Black #18181b — ข้อความหลัก, การเติมสีแถบนำทางแบบลอยตัว, หัวข้อ, เส้นขอบไอคอน
  • Pure Black #000000 — โลโก้ ป้ายข้อความ กรอบที่มีความแตกต่างกันมาก
  • Zinc Gray #71717a — เนื้อหาหลัก, คำอธิบายเพิ่มเติม, เมตาเดต้าที่ซ่อนอยู่, ข้อความเสริม
  • Ash Gray #a1a1aa — ข้อความระดับตติยภูมิ พรมแดนที่ไม่ใช้งาน รัฐที่พิการ
  • Mist Gray #e4e4e7 — เส้นขอบละเอียด, โครงร่างการ์ด, เส้นแบ่ง, กรอบปุ่ม
  • Fog Gray #f4f4f5 — พื้นผิวมีความไม่เรียบเล็กน้อย พื้นหลังสีอ่อน ภาพซ้อนทับบนฐานตาข่าย

การจัดพิมพ์

จาก 11 เป็น 66 พิกเซล · 8 ขั้นตอน

  • NB International Pro — ทดแทน: Inter Tight · โครงร่าง 400, 700 · ทุกอย่าง—การออกแบบ หัวข้อ เนื้อหาหลัก อินเทอร์เฟซผู้ใช้ และการนำทาง—ถูกผสานรวมเข้าด้วยกันอย่างราบรื่น จุดเด่นคือระยะห่างระหว่างตัวอักษรที่แคบมาก สามารถปรับขนาดได้ตามขนาด (ตั้งแต่ -0.025em ถึง 66px สำหรับเนื้อหาขนาดเล็ก) ผสานกับระยะห่างระหว่างบรรทัดที่บีบตัวลงเมื่อขนาดเพิ่มขึ้น ทำให้หัวข้อมีความหนาแน่นเหมือนโปสเตอร์ขนาดใหญ่ ซึ่งทำให้ Superpower แตกต่างจากคู่แข่งที่มีขนาดเล็กกว่าในกลุ่มเทคโนโลยีทางการแพทย์
  • NB International Mono Pro — ทดแทน: JetBrains Mono · โครงร่าง 400 · ข้อมูลเมตาในรูปแบบตาราง คำอธิบายประกอบขนาดเล็ก และป้ายกำกับทางเทคนิค ถูกนำมาใช้อย่างจำกัดในสถานการณ์ที่ต้องการวิธีการทางคลินิก/เครื่องมือ

ช่วงเวลาและรูปแบบ

วัตถุประสงค์ความหมาย
ความหนาแน่นเฉลี่ย
ขั้นตอนพื้นฐาน11px
รัศมีปุ่ม9999px
รัศมีการ์ด15px
เงาไม่ - ใช้เส้นขอบแทนเงา
ระหว่างส่วนต่างๆ75px
ความกว้างของหน้า1200px

AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Superpower และเติมข้อมูลลงไป

  • ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
  • ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
  • ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
  • การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม

สไตล์ที่คล้ายกัน

  • Visitors — ภาพวาดทางวิศวกรรมสีขาว
  • Dock — กระดาษสีครีมลายแสงอาทิตย์ โคบอลต์พัลส์
  • Flying Papers — คำสารภาพในรายการการ์ตูนเช้าวันเสาร์
  • Quizlet — ห้องเรียนตกแต่งด้วยสีสันหลากหลายตัดกับพื้นหลังสีขาว โต๊ะเรียนที่เงียบสงบ มีเพียงการ์ดสีพาสเทลสี่ใบเป็นจุดเด่นสีสดใสเพียงอย่างเดียว ตัดกับผนังสีเทาเย็นตา และรอยขีดเขียนด้วยปากกาสีครามเพียงจุดเดียว
  • ON.energy — ป้ายเตือนไฟฟ้าแรงสูงสีเหลืองบนเหล็กเที่ยงคืน
  • Navigate — สติกเกอร์ชุดใหญ่ติดอยู่บนกระดาน: ตัวอักษรขนาดใหญ่แบบประหลาด ทั้งหมดอยู่ในรูปทรงของแผ่นป้ายและไอคอนหลากสีห้าแบบ ซ้ำกันเหมือนโลโก้
  • Linear — เครื่องมือวัดความแม่นยำเที่ยงคืน
  • Pop Site — แกลเลอรี่ที่เน้นการออกแบบตัวอักษรอย่างโดดเด่น – หัวข้อข่าวสีดำขนาดใหญ่ลอยอยู่บนผนังสีขาว โดยมีจุดสีฟ้าเพียงจุดเดียวแสดงเจตนา
  • Hyperstudio — ลวดลายถูกสลักลงบนหินออบซิเดียน ตัวอักษรและเส้นบางๆ ล้อมรอบพื้นที่สีขาวสีดำสนิท โดยมีเครื่องหมายเข็มทิศสีทองปรากฏเป็นระยะๆ เพื่อบอกทิศทาง
  • Pa'lais — สมุดสเก็ตช์ภาพพฤกษศาสตร์ที่ดูราวกับชุ่มฉ่ำด้วยน้ำผึ้ง กระดาษสีครีม ภาพประกอบลายเส้นสีฟ้าแบบ Toile de Jouy และสีสันอบอุ่นที่แทรกเข้ามา ชวนให้นึกถึงสมุดสูตรอาหารทำมือ ในขณะที่ตัวอักษรหนาและกระชับ พร้อมพื้นที่ว่างมากมาย ให้ความรู้สึกทันสมัยแบบนิตยสาร
  • Raus — สมุดบันทึกแสนอบอุ่นที่เขียนบนกระดาษสีครีม แต่ละหน้าเปรียบเสมือนโปสการ์ดจากป่า
  • Privy — บทบรรณาธิการที่เขียนด้วยหมึกบนหินอ่อน ผืนหินอ่อนสีขาว หัวข้อข่าวแบบตัวอักษรมีเชิงสีดำที่อัดแน่น แถบสีม่วงเส้นเดียวพาดผ่านด้านบน—ความยับยั้งชั่งใจคืออำนาจ