การ์ดคุณสมบัติ SaaS ที่ซ้อนทับกัน

เป้าหมาย: สร้างภาพฮีโร่หน้า Landing Page ที่สะอาดตา โดยแสดงการ์ดคุณสมบัติ SaaS สีขาวทับซ้อนกัน 3 ใบ สำหรับผลิตภัณฑ์ Sales Intelligence / Lead Monitoring ในรูปแบบ Mockup Figma สไตล์เรียบหรูระดับพรีเมียม

Canvas: องค์ประกอบอัตราส่วน 1:1 สี่เหลี่ยมจัตุรัส พื้นหลังสีขาวนวลอุ่นพร้อมเกรเดียนท์สีเบจที่นุ่มมาก Vignette ที่ละเอียดอ่อน เงาที่นุ่มสมจริงใต้การ์ด การ์ดเป็นสี่เหลี่ยมผืนผ้าโค้งมนสูง พร้อมมุมเอียงและระยะลึกเล็กน้อย ลอยอยู่ตรงกลาง ใช้แบบอักษร Serif ที่สง่างามสำหรับหัวข้อขนาดใหญ่ และป้ายกำกับ Sans-serif ขนาดเล็ก

Layout: จัดเรียงการ์ดแนวตั้ง 3 ใบ ทับซ้อนกันในแนวนอน การ์ดด้านซ้ายอยู่ด้านหน้าและเอียงทวนเข็มนาฬิกาเล็กน้อย การ์ดตรงกลางอยู่ตรงกลางและเกือบตั้งตรง การ์ดด้านขวาอยู่ด้านหลังและเอียงตามเข็มนาฬิกาเล็กน้อย รักษาพื้นที่ว่างให้กว้างขวางและมุมโค้งมน

Card 1, การ์ดด้านซ้าย — แหล่งที่มาของการจับภาพ: ที่มุมบนซ้าย วางไอคอนโลโก้ทรงกลมสีส้มขนาดเล็กพร้อมเครื่องหมายสีขาวที่เป็นนามธรรม ใกล้กับกึ่งกลางด้านบน วางป้ายเม็ดสีพีชอ่อน ๆ ที่อ่านว่า “CAPTURA” หัวข้อขนาดใหญ่ในภาษาโปรตุเกส: “{argument name="left card headline" default="12+ fontes escutando seu mercado 24h"}” ใต้หัวข้อ แสดงไทล์แหล่งที่มาแบบโค้งมนขนาดเล็ก 12 ไทล์ในรูปแบบตาราง 3 คอลัมน์ต่อ 4 แถว แต่ละไทล์มีไอคอนและป้ายกำกับ ป้ายกำกับ 12 ป้ายคือ: “Notícias”, “LinkedIn”, “Reddit”, “Google”, “Podcasts”, “X (Twitter)”, “YouTube”, “Trustpilot”, “Blogs”, “Wikipédia”, “Comunidades”, “e mais” ใช้ไอคอนที่เรียบง่ายและเป็นที่รู้จัก: โลก, โลโก้ LinkedIn, เอเลี่ยน Reddit, ตัวอักษร G ของ Google, สัญลักษณ์ Podcast, โลโก้ X, ปุ่มเล่น YouTube, ดาว Trustpilot สีเขียว, ไอคอนเอกสาร/บล็อก, ตัวอักษร W, จุดกลุ่ม/ชุมชน, เครื่องหมายบวก

Card 2, การ์ดตรงกลาง — คะแนนการจับคู่: วางป้ายเม็ดสีเขียวอ่อนที่อ่านว่า “ENTENDE” ข้อความหัวข้อหลัก: “{argument name="match headline" default="ICP Match 94%"}” วางวงแหวนความคืบหน้าแบบวงกลมหนาเป็นสีส้มสดใส เกือบสมบูรณ์ โดยมีส่วนที่เหลือเป็นสีพีชอ่อนๆ ภายในวงแหวน แสดง “{argument name="match percentage" default="94%"}” ด้วยแบบอักษร Serif ขนาดใหญ่ และคำบรรยายย่อยขนาดเล็กว่า “de compatibilidade” ใต้วงแหวน วางแถวรายการตรวจสอบแบบโค้งมนบาง ๆ 3 แถว พร้อมไอคอนเครื่องหมายถูกสีเขียวขนาดเล็ก และป้ายกำกับ: “Perfil ideal identificado”, “Sinais alinhados”, “Alta intenção detectada”

Card 3, การ์ดด้านขวา — การกำหนดเวลาดำเนินการ: วางป้ายเม็ดสีเขียวเข้มที่อ่านว่า “AGE” หัวข้อขนาดใหญ่ในภาษาโปรตุเกส: “{argument name="right card headline" default="Reunião agendada automaticamente"}” ใต้หัวข้อ รวมวิดเจ็ตปฏิทินขนาดกะทัดรัดที่มีหัวข้อว่า “Maio 2025” พร้อมป้ายวันในสัปดาห์ในภาษาโปรตุเกส: “SEG”, “TER”, “QUA”, “QUI”, “SEX”, “SÁB”, “DOM” แสดงตารางวันที่รายเดือน โดยวันที่ 15 จะถูกไฮไลต์ด้วยวงกลมสีส้ม เพิ่มลูกศรซ้ายและขวาขนาดเล็กใกล้กับส่วนหัวของปฏิทิน ที่ด้านล่าง รวมบล็อกยืนยันพร้อมไอคอนปฏิทินสีส้ม และข้อความ “Reunião confirmada”, “15 de maio, 10:00” และจุดสีเขียวตามด้วย “Google Meet”

รูปแบบภาพ: สุนทรียศาสตร์หน้า Landing Page SaaS ระดับไฮเอนด์ การ์ดกระดาษ 3 มิติที่นุ่ม พื้นผิวสีขาวนวล ตัวแบ่งสีเทาอ่อนบาง ๆ สีเน้นเขียวและส้มแบบหม่น เงาที่ละเอียดอ่อน ไอคอน UI เวกเตอร์ที่คมชัด แบบอักษรที่ประณีต การสร้างแบบจำลองผลิตภัณฑ์ที่สมจริงแต่สะอาดตา

ข้อจำกัด: ใช้การ์ด 3 ใบเท่านั้น ไทล์แหล่งที่มา 12 ไทล์บนการ์ดด้านซ้าย แถวรายการตรวจสอบ 3 แถวบนการ์ดตรงกลาง และวิดเจ็ตปฏิทินหนึ่งรายการบนการ์ดด้านขวา ตรวจสอบให้แน่ใจว่าข้อความทั้งหมดสามารถอ่านได้ ไม่มีผู้คน ไม่มีโลโก้เพิ่มเติมนอกเหนือจากไอคอนแหล่งที่มาที่ระบุ ไม่มีลายน้ำ ไม่มี Chrome ของเบราว์เซอร์