ระบบดีไซน์สื่อและความบันเทิง
ระบบดีไซน์ที่ดึงจากเว็บไซต์ข่าว นิตยสาร สำนักพิมพ์ สตรีมมิง และความบันเทิง ตัวอักษรเป็นผู้นำ ทั้งฟอนต์พาดหัว ชื่อผู้เขียน และกริดบทความ โดยใช้สีเพียงเล็กน้อยสำหรับแยกหมวดและปุ่มกระตุ้นการกระทำ
ตัวอย่าง DESIGN.md 2 รายการ ในหมวดหมู่นี้ จาก The Onion และ WIRED ดึงจากหน้าสาธารณะของแต่ละเว็บไซต์ ไม่ใช่แนวทางแบรนด์อย่างเป็นทางการ เพิ่งรู้จักรูปแบบนี้ใช่ไหม อ่านว่า DESIGN.md คืออะไร
The Onion
The Onion ระบบการออกแบบเป็นหนังสือพิมพ์เสียดสีฉบับดิจิทัล โดดเด่นด้วยพาดหัวตัวอักษรกอธิคแบบบีบอัดหนาสีดำ และสีเน้นของแบรนด์สีเขียวเข้ม #006b3a ที่ใช้กับป้ายชื่อหมวดหมู่ ป้ายกระแสนิยม และปุ่มเรียกการกระทำ ทั้งหมดวางบนพื้นหลังสีขาวและเทาอ่อนที่ดูเรียบง่าย การจัดวางอาศัยตัวอักษรเป็นเครื่องมือหลัก โดยแบบอักษร Adobe Fonts กลุ่มกอธิคบีบอัดและกึ่งบีบอัด เช่น tablet-gothic และ rocky-condensed ครองส่วนพาดหัว ส่วนเนื้อหาหลักใช้ utopia-std-caption รูปแบบโดยรวมมีข้อมูลหนาแน่น ใช้กริดการ์ดที่ชิดกัน เส้นคั่นบทความที่เป็นเส้นล่าง และมุมโค้งแทบไม่มีในองค์ประกอบโครงสร้าง การยกระดับเงามีน้อยมาก ใช้เงาบางๆ เฉพาะกับส่วนที่ซ้อนทับเท่านั้น
WIRED
WIRED เป็นระบบการออกแบบแบบโมโนโครมที่มีคอนทราสต์สูงและขับเคลื่อนด้วยงานบรรณาธิการ สร้างขึ้นจากระบบตัวอักษรเฉพาะของตนเอง (Breve Text, WIRED Mono, WiredDisplay และ Apercu) พร้อมโทนสีที่แทบไม่มีสีสัน สีดำ (#000000) เป็นสีหลักด้วยจำนวน 2961 ครั้ง ใช้กับข้อความ เส้นขอบ ไอคอน และสถานะการโต้ตอบ ส่วนสีขาว (#ffffff) เป็นพื้นผิวหลัก สีเน้นถูกใช้อย่างประหยัด โดยมีเพียง #057dbc ที่ปรากฏเป็นสีน้ำเงินของแบรนด์สำหรับปุ่มเรียกให้สมัครสมาชิก โครงสร้างเลย์เอาต์ใช้กริดเรื่องราวหลายคอลัมน์ที่เป็นระเบียบ ระยะห่างฐาน 8px ที่กระชับ พื้นผิวแบนราบไม่มีเงาของกล่อง และมุมโค้งเล็กน้อย โดยทั่วไปอยู่ที่ 4px ตัวอักษรคือจุดเด่นหลัก เนื้อหาบทความใช้ Breve Text ขนาด 19px ป้ายชื่อส่วนใช้ WIRED Mono พิมพ์ตัวใหญ่พร้อมระยะห่างตัวอักษรกว้าง ส่วนหัวข้อขนาดใหญ่ใช้ WiredDisplay โดยรวมแล้วบุคลิกของงานดูน่าเชื่อถือ มีข้อมูลแน่น และให้ความสำคัญกับการอ่านเป็นลำดับเป็นอันดับแรก
ไม่เจอเว็บไซต์ที่ต้องการใช่ไหม
วาง URL เพื่อดึง DESIGN.md จากเว็บไซต์ใดก็ได้ ได้ทั้งสี ตัวอักษร ระยะห่าง และโทเค็น พร้อมใช้กับเวิร์กโฟลว์ AI ของคุณ