Monad

จานสี

ยี่ห้อ

• Parchment #f6f3f1 — พื้นหลังของหน้าเว็บและส่วนใหญ่ของพื้นผิว—สีโทนอบอุ่นและนุ่มนวลนี้—เป็นสีประจำแบรนด์ ซึ่งทำให้เว็บไซต์นี้แตกต่างจากเทมเพลต SaaS ทั่วไปที่เป็นสีขาวทั้งหมดได้ทันที
• Lake Blue #2b59d1 — สีม่วงใช้สำหรับเน้นพื้นหลัง ลายเส้นตกแต่ง และเป็นสีเน้นอ่อนๆ อยู่ด้านหลังเนื้อหา ไม่ควรใช้เป็นสีหลักสำหรับคำกระตุ้นการตัดสินใจ

เป็นกลาง

• Off-Black #242424 — ใช้สีพื้นกลางที่มีความตัดกันสูงสำหรับปุ่มหลักบนพื้นผิวสีอ่อน
• Periwinkle Mist #cfdaf5 — อินเทอร์เฟซที่เรียบง่ายสำหรับปุ่มควบคุมที่ใช้งานไม่ได้ แผงควบคุมที่มีการแสดงผลน้อย และบล็อกตัวอย่าง
• Sky Blue #a0b5eb — ตัวหยุดไล่ระดับสีตกแต่ง - ปรากฏในส่วนเติมบรรยากาศและเส้นการไหลในแผนภาพท่อ ไม่เคยใช้เป็นส่วนเติม UI
• Mint #a7fccd — ชุดสีรองสำหรับตกแต่งชิ้นเล็กๆ เมื่อต้องการสร้างความแตกต่างให้กับชุดสีหลัก
• Coral #ff9473 — ชุดสีรองสำหรับตกแต่งชิ้นเล็กๆ เมื่อต้องการสร้างความแตกต่างให้กับชุดสีหลัก
• Gold #ecda98 — จุดไล่ระดับสีตกแต่งเป็นองค์ประกอบที่ให้ความอบอุ่นในการเปลี่ยนสีแบบไล่ระดับสี ซึ่งไม่เคยใช้ในส่วนติดต่อผู้ใช้ที่ใช้งานได้จริง

การจัดพิมพ์

จาก 12 เป็น 80 พิกเซล · 10 ขั้นตอน

• ABC Diatype Mono — ทดแทน: JetBrains Mono · โครงร่าง 400, 500 · ข้อความหลัก การนำทาง ปุ่ม ไอคอน แท็ก และข้อความ UI ทั้งหมด ใช้ฟอนต์แบบ Monospaced สำหรับองค์ประกอบการทำงานทั้งหมด เพื่อให้ส่วนติดต่อผู้ใช้ดูเหมือนคู่มือทางเทคนิค—ข้อความหลักขนาด 16-20 พิกเซล จะถูกมองว่าเป็นข้อมูล ไม่ใช่ข้อมูลทางการตลาด ป้ายกำกับการนำทางและไอคอนใช้ฟอนต์ขนาด 18 พิกเซล พร้อมระยะห่างระหว่างตัวอักษรที่แม่นยำยิ่งขึ้น ฟอนต์ขนาดเล็กและเมตาเท็กซ์ใช้ฟอนต์ขนาด 12 พิกเซล ตัวพิมพ์ใหญ่ทั้งหมด ขนาดฟอนต์ 500 พิกเซล สงวนไว้สำหรับองค์ประกอบ UI ที่โดดเด่น
• Untitled Serif — ทดแทน: Times New Roman · โครงร่าง 400 · สำหรับหัวเรื่องและหัวเรื่องย่อยเท่านั้น—ใช้ขนาด 80px (ข้อความหลัก), 48px (ส่วน), 40px และ 32px (ส่วนย่อย) และ 24px (หัวเรื่องในบัตรคำอธิบาย) ความหนาของตัวอักษรคงที่ที่ 400 สำหรับทุกขนาด ความแตกต่างตามธรรมชาติของตัวอักษรแบบมีเชิงและระยะห่างระหว่างตัวอักษร -0.02em ช่วยเน้นจุดสนใจหลักแทนที่จะใช้ตัวหนา นี่คือสไตล์การจัดพิมพ์: หัวเรื่องจะดูนุ่มนวลด้วยความประณีตทางด้านการจัดพิมพ์มากกว่าที่จะดูโดดเด่นด้วยความหนาของตัวอักษร
• Untitled Sans — ทดแทน: Inter · โครงร่าง 400 · ฟอนต์ Untitled Sans - พบในข้อมูลที่ดึงมาได้ แต่ AI ไม่ได้อธิบายไว้

ช่วงเวลาและรูปแบบ

สไตล์ที่คล้ายกัน

• ElevenLabs — ภาพถ่ายเชิงสารคดีในโทนสีครีมอบอุ่น พร้อมหัวข้อข่าวที่ไม่ฉูดฉาด สมุดบันทึกสไตล์เบาเฮาส์—กระดาษสีเปลือกไข่ หมึกสีดำ และสีม่วงและสีส้มเพียงเล็กน้อยสำหรับตกแต่งเพื่อแสดงสินค้า
• Awesomic — แผ่นตาข่ายสังกะสีสำหรับงานบรรณาธิการ พร้อมเครื่องหมายวรรคตอนสีส้มที่ชวนให้นึกถึงกระดาษโปรย
• Dub — แผงควบคุมกระดาษข้าวแบบด้านของ Link
• Seline Analytics — โต๊ะวิเคราะห์ที่เงียบสงบ บนกระดาษอุ่นๆ
• Notion — สมุดบันทึกกระดาษอุ่นๆ ท่ามกลางแสงแดดกลางวัน
• Anthropic — วารสารภาคสนามทางวิทยาศาสตร์บนกระดาษหนังลูกวัวสีอบอุ่น—พื้นผิวสีงาช้างเรียบลื่น หัวข้อบรรณาธิการแบบมีเชิง และรายละเอียดสีดินเหนียวเพียงจุดเดียวที่ปรากฏขึ้นเฉพาะเมื่อจำเป็นต้องมีการดำเนินการ
• Calendly — หมึกสีน้ำเงินเข้มบนหินอ่อนเย็น
• Augen Pro — การตกแต่งสีขาวของ Apple โดดเด่นด้วยสีฟ้าสดใสที่ดูสะอาดตาและไร้น้ำหนัก เป็นเพียงสีเดียวที่ใช้เป็นจุดเด่นในพื้นที่สีขาวดำ
• Antimetal — บันทึกบรรณาธิการบนกระดาษสีครีม—เช้าอันเงียบสงบในวารสารวิทยาศาสตร์ ที่ซึ่งความยับยั้งชั่งใจสื่อถึงความมั่นใจ และตัวอักษรแบบมีเชิงช่วยเน้นความสำคัญ
• Perk — มะนาวไฟฟ้าบนกระดาษไขอุ่น
• Ditto — ห้องทำงานที่สว่างไสวด้วยแสงแดด กำลังสร้างสรรค์ตัวอย่างดอกไม้ป่า พื้นผิวสีครีมอบอุ่น สีเหลืองสดใสเป็นสีพื้นฐาน หมึกสีน้ำเงินเข้ม รูปทรงสีสันแบบธรรมชาติเบ่งบานอยู่ด้านหลังชิ้นงาน
• Officevibe — นิตยสารบทความบนกระดาษสีครีมโทนอบอุ่น ลองนึกภาพบทความเชิงลึกเกี่ยวกับการบริหารทรัพยากรบุคคล ที่นำเสนอในรูปแบบของผลิตภัณฑ์—ตัวอักษรเขียนหวัดแบบมีเชิงที่กระซิบเบาๆ บนพื้นหลังสีฟ้าทันสมัย