Dub

จานสี

ยี่ห้อ

• Electric Blue #2563eb — สีหลักของแบรนด์—โลโก้ ลิงก์ ตัวชี้วัดประสิทธิภาพหลัก สถานะการทำงาน และสีเน้นของไอคอน—ถูกนำมาใช้ สีน้ำเงินเข้มบนพื้นหลังสีขาวสร้างเสน่ห์ทางสายตาเพียงอย่างเดียวของระบบนี้
• Deep Sapphire #1e40af — พื้นหลังหลักของปุ่มการกระทำ ซึ่งเป็นสีตัวหนาของคำกระตุ้นการตัดสินใจ (call to action) และเป็นสีเดียวที่บ่งบอกถึงการกระทำนั้น ถูกใช้ในปริมาณที่พอเหมาะเพื่อดึงดูดความสนใจ

เป็นกลาง

• Canvas White #ffffff — พื้นหลังของหน้าเว็บ พื้นผิวของการ์ด และแผงป๊อปอัพ คือรากฐานที่สำคัญที่สุดของทุกหน้าจอ
• Paper Mist #f5f5f5 — การเปลี่ยนแปลงสีอย่างละเอียดอ่อนเมื่อวางเมาส์เหนือการ์ดย่อย แผงเพิ่มเติม และสีเติม
• Ash #e5e5e5 — ขอบบางๆ บนการ์ด ขั้วต่ออินพุต และแผ่นกั้น คือเส้นโครงสร้างที่ยึดระบบไว้ด้วยกัน
• Smoke #d4d4d4 — ขอบที่คมชัดยิ่งขึ้นสำหรับคอนเทนเนอร์ที่เลือก และเส้นขอบปุ่มเพิ่มเติม
• Pebble #c8c8c8 — เส้นขอบ เส้นควบคุม และเส้นแบ่งโครงสร้างที่มีความแตกต่างกันปานกลาง สีนี้ไม่ควรใช้เป็นสีหลักสำหรับปุ่มกระตุ้นการกระทำ
• Midnight Ink #0a0a0a — ข้อความหลักของปุ่ม ปุ่มที่ไฮไลต์ และข้อความนำทางมีสีดำเกือบทั้งหมดเพื่อให้มีความคมชัดสูงสุด

การจัดพิมพ์

จาก 11 เป็น 48 พิกเซล · 9 ขั้นตอน

• Satoshi — ทดแทน: Inter (weight 500 · โครงร่าง 500 · หัวข้อแสดงผล – ใช้เฉพาะในบรรทัดขนาด 36–48 พิกเซล สำหรับหัวข้อและชื่อส่วน น้ำหนักตัวอักษร – 500 (ปานกลาง ไม่ใช่ตัวหนา): หัวข้อดูมั่นใจและทันสมัย แต่ไม่ดูโอเวอร์เกินไป สัดส่วนทางเรขาคณิตของ Satoshi ทำให้แบบอักษรมีลักษณะที่ดูเป็นทางการและทันสมัยเล็กน้อย ซึ่งข้อความหลักของ Inter ไม่สามารถเลียนแบบได้
• Inter — ทดแทน: Inter (native) · โครงร่าง 400, 500, 600 · เนื้อหาหลัก, ป้ายกำกับ UI, การนำทาง, หัวข้อย่อย และหัวข้อรอง แบบอักษร Inter เป็นตัวหลักที่ใช้งานครอบคลุมทุกอย่าง ตั้งแต่ป้ายกำกับขนาดเล็ก 11 พิกเซล ไปจนถึงหัวข้อรองขนาด 30 พิกเซล ค่าเริ่มต้นสำหรับเนื้อหาหลักคือ 400, 500 สำหรับองค์ประกอบที่เน้นและป้ายกำกับปุ่ม และ 600 สงวนไว้สำหรับป้ายกำกับ UI ที่สำคัญ ขนาด 16 พิกเซลที่มีความสูงของบรรทัด 1.5 เป็นขนาดแบบขั้นเดียวที่พบได้บ่อยที่สุด (1220 ครั้ง) ซึ่งยืนยันว่า 16 พิกเซลเป็นขนาดมาตรฐานสำหรับเนื้อหาหลัก
• Geist Mono — ทดแทน: JetBrains Mono or IBM Plex Mono · โครงร่าง 400, 500 · ส่วนของโค้ด ข้อมูลเมตาทางเทคนิค และโทเค็นแบบตัวอักษรคงที่ที่ฝังอยู่ จะถูกใช้ในบล็อกโค้ดขนาด 12–14 พิกเซล และในองค์ประกอบการแสดงผลโค้ดขนาดใหญ่ที่ขนาด 24 พิกเซล ซึ่งช่วยสร้างความน่าเชื่อถือให้กับเครื่องมือสำหรับนักพัฒนา สอดคล้องกับการวางตำแหน่งผลิตภัณฑ์ของ Dub

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

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

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