หน้า Landing Page ของ Atlas GTM SaaS Hero

{ "type": "การออกแบบ Hero Zone สำหรับหน้า Landing Page ของ B2B SaaS ที่ทันสมัย", "brand": { "name": "{argument name=\"company name\" default=\"Atlas GTM\"}", "logo": "โลโก้วงกลมสีน้ำเงินเข้มพร้อมไอคอนเข็มทิศ/ตัวอักษร A สีขาวแบบนามธรรม", "visual_style": "หรูหรา เรียบง่าย และเน้นการเปลี่ยนแปลง ด้วยพื้นหลังสีขาวนวลที่มีรัศมีไล่ระดับสีม่วงอ่อนและสีพีช เส้นขอบที่ละเอียดอ่อน มุมโค้งมนเลียนแบบบัตรแก้ว ตัวอักษรสีน้ำเงินเข้ม และสีเน้นสีฟ้าสดใส" } } } }, "layout": { "canvas": "ภาพหน้าจอเว็บไซต์แบบไวด์สกรีนสำหรับเดสก์ท็อป อัตราส่วนภาพ 16:9 พื้นที่ว่างกว้างขวาง การออกแบบเว็บสไตล์ Figma ที่สวยงาม", "header": { "position": "top", "count": 6, "items": [ "โลโก้และตัวอักษร Atlas GTM ทางด้านซ้าย", "สิ่งที่เราทำ", "เราช่วยเหลือใครบ้าง", "วิธีการดำเนินงาน", "ผลลัพธ์", "แหล่งข้อมูล" ], "cta": "นัดหมายปรึกษาเชิงกลยุทธ์ (พร้อมลูกศรชี้ไปทางขวา) ปุ่มแคปซูลสีน้ำเงินเข้มทรงกลมที่มุมบนขวา" }, "hero_left": { "position": "left half", "eyebrow": "การวางแผน, การสื่อสาร, การประชุม", "headline": "{argument name=\"headline text\" default=\"เราสร้างแผนงานสำหรับคุณตั้งแต่ผลิตภัณฑ์ของคุณไปจนถึงผู้ซื้อที่มีมูลค่าสูง\"}", "headline_treatment": "แบบอักษร sans-serif สีน้ำเงินเข้มขนาดใหญ่ ตัวหนา โดยเน้นคำว่า \"Roadmap\" ด้วยสีน้ำเงินสดใส", "body": "{argument name=\"body text\" default=\"Atlas GTM มอบระบบที่แม่นยำและได้รับการพิสูจน์แล้วให้กับธุรกิจ B2B เพื่อช่วยสร้างโอกาสในการขายมากขึ้นโดยไม่ต้องคาดเดาหรือพึ่งพาคำแนะนำ\"}", "buttons": { "count": 2, "items": [ "การให้คำปรึกษาด้านกลยุทธ์การนัดหมาย ปุ่มทึบสีน้ำเงินเข้มพร้อมลูกศร", "หากต้องการดูวิธีการทำงาน ให้ใช้ปุ่มขอบสีขาวที่มีไอคอนรูปเพชรขนาดเล็ก" ] ... ] } }, "hero_right": { "position": "right half", "card_count": 4, "cards": [ { "description": "การ์ดแนวคิดหลักสีขาวที่อยู่มุมบนขวา", "text": "กำหนดเป้าหมายของคุณและลงมือทำอย่างแม่นยำ", "badge": "แนวคิดหลัก", "graphic": "เส้นโค้งประที่มีจุดวงกลมเล็กๆ และจุดปลายสีน้ำเงินทึบ" }, { "description": "แผงแผนที่สีน้ำเงินเข้มด้านหลังการ์ดทางด้านขวา", "icons_count": 3, "icons": [ "ไอคอนเป้าหมาย/เส้นเล็ง", "ไอคอนกลุ่มเป้าหมาย", "ไอคอนแผนภูมิการเติบโต" ], "graphic": "เส้นชั้นความสูงและเส้นประบนแผนที่" }, { "description": "การ์ดวิเคราะห์สีขาวที่มุมล่างขวา", "metric": "2.4x", "title": "การประชุมที่กำหนดไว้แล้ว", "subtitle": "(ต่อ 1,000 รายชื่อติดต่อ)", "caption": "การเติบโตหลังจากใช้ Atlas GTM เป็นเวลา 6 เดือน", "chart": "แผนภูมิเส้นสีน้ำเงินที่เพิ่มขึ้นถูกทำเครื่องหมายด้วยเดือนที่ 1, 3 และ 6" } } }, { "description": "วิเคราะห์แถบฟังก์ชันแนวนอนด้านล่างการ์ด", "feature_count": 4, "features": [ "การวางแผนระดับภูมิภาค", "การทดสอบข้อมูล", "การวิเคราะห์การตอบสนอง", "การเติบโตแบบทวีคูณของระบบ" ] } ] }, "trust_bar": { "position": "อยู่ตรงกลางด้านล่าง", "heading": "ได้รับความไว้วางใจจากบริษัท B2B SaaS และบริษัทที่ปรึกษา", "logo_count": 6, "logos": [ "fuse", "Nexora", "Northline", "Vectorly", "Clariovue", "Summit Labs" ] } }, "typography": { "font": "แบบอักษร sans-serif ที่สะอาดตาและทันสมัย ​​คล้ายกับ Inter หรือ Satoshi", "colors": "สีน้ำเงินเข้ม, สีเทาอ่อน, สีน้ำเงินรอยัลสดใส, สีม่วงอ่อน" }, "rendering_instructions": "สร้าง ภาพจำลองหน้า Landing Page ของเว็บไซต์ SaaS ที่มีความละเอียดสูง ไม่ใช่เฟรมในเบราว์เซอร์ รักษาข้อความให้ชัดเจนและอ่านง่าย จัดวางองค์ประกอบให้ตรงกับตารางอย่างแม่นยำ และใช้เงาอ่อนๆ มุมโค้งมน เอฟเฟ็กต์เบลอเล็กน้อย และสุนทรียภาพของสตาร์ทอัพระดับไฮเอนด์ที่ได้รับเงินทุนสนับสนุน ภาพรวมควรสะท้อนถึงกลยุทธ์ ความแม่นยำ ความน่าเชื่อถือ และความทันสมัย