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

วัตถุประสงค์: สร้างหน้าแรกของ Landing Page ที่ดูสะอาดตา แสดงการ์ดคุณสมบัติ SaaS สีขาวสามใบที่ซ้อนทับกัน สำหรับผลิตภัณฑ์ Sales Intelligence/Lead Monitoring โดยใช้ Mockup สไตล์ Figma ที่เรียบง่ายและดูดี Canvas: ภาพสี่เหลี่ยมจัตุรัสขนาด 1:1 พื้นหลังสีขาวโทนเบจอบอุ่น มีการไล่ระดับสีเบจที่นุ่มนวล และเอฟเฟ็กต์ Vignetting เล็กน้อย พร้อมเงาที่ดูสมจริงใต้การ์ด การ์ดเป็นรูปสี่เหลี่ยมผืนผ้าที่มีมุมโค้งมนเล็กน้อยและมีความลึก ลอยอยู่ตรงกลาง หัวข้อหลักใช้ฟอนต์ Serif ที่ดูสง่างาม ในขณะที่ป้ายกำกับขนาดเล็กใช้ฟอนต์ Sans-serif การจัดวาง: จัดเรียงการ์ดสามใบในแนวตั้ง ซ้อนทับกันในแนวนอน การ์ดด้านซ้ายอยู่ด้านหน้า เอียงไปทางซ้ายเล็กน้อย การ์ดตรงกลางอยู่ตรงกลางและเกือบเป็นแนวตั้ง การ์ดด้านขวาอยู่ด้านหลัง เอียงไปทางขวาเล็กน้อย รักษาพื้นที่ว่างสีขาวให้เพียงพอและมุมโค้งมน การ์ดที่ 1 (ซ้าย) — Capture Source: ไอคอนวงกลมสีส้มขนาดเล็กที่มีเครื่องหมายสีขาวแบบนามธรรมวางอยู่ที่มุมบนซ้าย ป้ายกำกับแคปซูลสีพีชอ่อนที่มีข้อความ "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 สัญลักษณ์พอดแคสต์ โลโก้ X ปุ่มเล่น YouTube ดาวสีเขียว ไอคอนเอกสาร/บล็อก ตัว W เมทริกซ์จุดของชุมชน และเครื่องหมายบวก การ์ดที่ 2 (ตรงกลาง) — การจับคู่เรตติ้ง: วางป้ายกำกับแคปซูลสีเขียวอ่อนที่มีข้อความว่า “ENTENDE” ข้อความหัวเรื่องหลัก: {argument name="match headline" default="ICP Match 94%"} แถบแสดงความคืบหน้าเป็นวงกลมสีส้มสดใสและหนา วางอยู่ตรงกลาง แสดงว่าโครงการใกล้เสร็จสมบูรณ์แล้ว ส่วนที่เหลือเป็นสีพีชอ่อน ภายในวงกลม มีข้อความ "..." เป็นตัวพิมพ์ใหญ่แบบมีเชิง {argument name="match percentage" default="94%"} ด้านล่างมีคำบรรยายย่อยขนาดเล็กว่า "de compatibilidade" (เปรียบเทียบงานของคุณ) ด้านล่างวงกลมมีรายการตรวจสอบแบบบางและโค้งมนสามบรรทัด พร้อมเครื่องหมายถูกสีเขียวขนาดเล็ก กำกับว่า: "Perfil ideal identificado" (ระบุงานของคุณ), "Sinais alinhados" (ระบุงานของคุณ), "Alta intenção detectada" (ตรวจจับความตั้งใจสูง) การ์ดที่ 3 (ด้านขวา) – ตารางการดำเนินการ: มีป้ายแคปซูลสีเขียวเข้มพร้อมข้อความ "AGE" หัวข้อหลักภาษาโปรตุเกสอ่านว่า: {argument name="right card headline" default="Reunião agendada automaticamente"} ด้านล่างเป็นวิดเจ็ตปฏิทินขนาดกะทัดรัดชื่อ "พฤษภาคม 2025" พร้อมป้ายกำกับวันในสัปดาห์ภาษาโปรตุเกส: "กันยายน", "อังคาร", "พฤหัสบดี", "ศุกร์", "อาทิตย์", "เสาร์", "อาทิตย์" มีการแสดงตารางวันที่รายเดือน โดยวันที่ 15 ถูกไฮไลต์ด้วยวงกลมสีส้ม มีลูกศรซ้ายและขวาเพิ่มเข้ามาใกล้กับชื่อปฏิทิน ด้านล่างสุดเป็นบล็อกยืนยันพร้อมไอคอนปฏิทินสีส้ม ข้อความ "Reunião confirmada", "15 พฤษภาคม, 10:00" และจุดสีเขียวตามด้วย "Google Meet" สไตล์ภาพ: ความสวยงามของหน้า Landing Page SaaS ระดับไฮเอนด์ การ์ดกระดาษ 3 มิติที่นุ่มนวล พื้นผิวสีขาวนวล เส้นแบ่งสีเทาอ่อนบางๆ การเน้นสีเขียวและสีส้มอ่อนๆ เงาเล็กน้อย ไอคอน UI เวกเตอร์ที่สะอาดตา การจัดวางตัวอักษรที่ประณีต และภาพจำลองผลิตภัณฑ์ที่สมจริงและสะอาดตา ข้อจำกัด: ใช้การ์ด 3 ใบ การ์ดด้านซ้ายมีไทล์แหล่งที่มา 12 ไทล์ และการ์ดตรงกลางมี 3 ไทล์ รายการตรวจสอบจะแสดงขึ้น โดยมีวิดเจ็ตปฏิทินอยู่บนการ์ดด้านขวา ข้อความทั้งหมดจะอ่านได้ชัดเจน ยกเว้นบุคคล โลโก้เพิ่มเติม ยกเว้นไอคอนแหล่งที่มาที่ระบุไว้ ลายน้ำ และขอบของเบราว์เซอร์