การออกแบบหน้าคลังข่าว AI ในโหมดมืดใหม่

Generates a modern dark-mode Japanese archive page redesign from an existing AI news website UI.

โดยใช้ REFERENCE_0 และ REFERENCE_1 เป็นการออกแบบเว็บไซต์ข่าว AI ในโหมดมืดที่มีอยู่เดิม ให้สร้าง UI หน้าคลังข่าวใหม่โดยยังคงรักษาแบรนด์ รูปแบบตัวอักษรภาษาญี่ปุ่น ธีมมืด โลโก้ การนำทางด้านบน และส่วนท้ายของเว็บไซต์เอาไว้ ตั้งค่ารายการนำทางด้านบนที่ใช้งานอยู่เป็น {argument name="active navigation" default="アーカイブ"} พร้อมเส้นขีดล่างสีเหลืองจางๆ แทนที่รูปแบบรายการแบบเรียบง่ายด้วยอินเทอร์เฟซคลังข่าวที่ทันสมัยและสวยงาม: เพิ่มการ์ด Hero ขนาดใหญ่ที่มีเส้นขอบชื่อว่า {argument name="page title" default="アーカイブ"} พร้อมป้ายกำกับไอคอนสีเหลืองขนาดเล็ก {argument name="eyebrow label" default="すべての記事"} ประโยคแนะนำสั้นๆ และกราฟิกเรืองแสงรูปสุริยุปราคา/ดาวเคราะห์สีทองที่ด้านขวาของ Hero ด้านล่างให้เพิ่มแถบค้นหาและตัวควบคุมแบบดรอปดาวน์ขนาดกะทัดรัดสองรายการสำหรับช่วงเวลาและการเรียงลำดับ เพิ่มป้ายตัวกรองหมวดหมู่ 8 รายการ ได้แก่ すべて, Claude, OpenAI, Google, Agents, ツール, ニュース, 研究, その他 โดยให้ すべて เป็นสีเหลือง เปลี่ยนรายการบทความให้เป็นไทม์ไลน์ที่จัดกลุ่มตามเดือนโดยมีส่วนของเดือนทั้งหมด 2 ส่วน: 2026 年 5 月 ซึ่งมีแถบบทความ 3 แถว และ 2026 年 4 月 ซึ่งมีแถบบทความ 2 แถว แต่ละแถวควรแสดงวันที่ จุดไทม์ไลน์สีเหลืองขนาดเล็ก ชื่อบทความภาษาญี่ปุ่นที่เป็นตัวหนา สรุปย่อหนึ่งบรรทัด ชิปแท็ก 3 รายการทางด้านขวา และลูกศรเชฟรอน ใช้ชื่อบทความที่มองเห็นได้จากข้อมูลอ้างอิงตามความเหมาะสม พร้อมชื่อบทความเพิ่มเติมในลักษณะคลังข่าว เพิ่มการแบ่งหน้าด้านล่างด้วยตัวควบคุม 6 รายการ: ลูกศรก่อนหน้า, 1 ที่เน้นไว้, 2, 3, จุดไข่ปลา, 24, ลูกศรถัดไป จัดหน้าให้อยู่กึ่งกลางโดยเว้นระยะห่างอย่างเหมาะสม ใช้เส้นขอบบาง การไล่ระดับสีที่นุ่มนวล การ์ดแบบโปร่งแสง และการแสดงผลข้อความภาษาญี่ปุ่นที่อ่านง่ายอย่างสมบูรณ์แบบ

แปลด้วยเครื่อง — ต้นฉบับคือพรอมต์ที่สร้างผลงานนี้

✨ สร้าง บันทึก คัดลอกพรอมต์ แชร์ โพสต์ต้นฉบับ เปิดใน Hitboard