Substack

จานสี

ยี่ห้อ

• Signal Orange #ff6719 — สีส้มใช้เป็นสีเสริมสำหรับรายละเอียดตกแต่งและเพื่อเน้นย้ำสิ่งที่ปรากฏไม่บ่อยนัก ไม่ควรใช้เป็นสีหลักสำหรับข้อความกระตุ้นการกระทำ

เป็นกลาง

• Ink #363737 — เนื้อหาหลัก—ข้อความหลัก หัวข้อ ชื่อบทความ เวลา และชื่อผู้เขียน; ใช้สีโทนอบอุ่นเกือบดำ แทนที่จะใช้สี #000 เพื่อให้อ่านง่ายขึ้น
• Paper #ffffff — พื้นที่แสดงผลหน้าเว็บ พื้นผิวการ์ด ช่องป้อนข้อมูล และพื้นหลังการนำทาง เป็นพื้นผิวหลักที่กินพื้นที่ส่วนใหญ่ของอินเทอร์เฟซ
• Charcoal #232525 — สถานะการวางเมาส์เหนือข้อความและลิงก์จะแสดงข้อความและลิงก์เพิ่มเติมที่มีระดับการเลือกสูงกว่าโหมดหมึก ซึ่งละเอียดกว่าโหมดหมึกสำหรับบล็อกโค้ดและบล็อกการเลือก
• Stone #777777 — สามารถใช้สีกลางสำหรับองค์ประกอบ UI รอง เส้นแบ่ง และป้ายกำกับที่ไม่เด่นชัดได้ แต่ไม่ควรใช้เป็นสีหลักสำหรับปุ่มกระตุ้นการดำเนินการ (Call to Action)
• Ash #b6b6b6 — เส้นขอบบางๆ, เส้นขอบปุ่ม, เส้นขอบไอคอน, เส้นขอบบนปุ่มควบคุมที่ใช้งานไม่ได้
• Mist #c8c8c8 — เส้นแบ่ง, พื้นหลังที่ไม่เด่นชัดสำหรับไอคอน, การเติมช่องว่างในรูปแบบโครงร่าง

การจัดพิมพ์

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

• system-ui — ทดแทน: -apple-system · โครงร่าง 400, 500, 600 · แบบอักษรหลักสำหรับส่วนติดต่อผู้ใช้และข้อความหลักจะใช้สำหรับป้ายกำกับนำทาง ปุ่ม ข้อความ เมตาเดตา ช่องป้อนข้อมูล และองค์ประกอบส่วนติดต่อทั้งหมด ขนาดกะทัดรัด 12-13 พิกเซลสำหรับเมตาเดตาและ 15-19 พิกเซลสำหรับข้อความหลักสร้างความรู้สึกเหมือนฟีดข่าวที่หนาแน่น น้ำหนักตัวอักษรคือ 400 สำหรับข้อความหลัก 500 สำหรับองค์ประกอบนำทางและป้ายกำกับปุ่ม และ 600 สำหรับชื่อข้อความที่เน้นและหัวข้อส่วนต่างๆ
• Cahuenga — ทดแทน: Charter · โครงร่าง 500 · แบบอักษร serif ตกแต่งที่เป็นเอกลักษณ์ เหมาะสำหรับใช้เป็นหัวข้อระดับผลิตภัณฑ์ (หัวข้อแถบด้านข้าง หัวข้อบัตรลงทะเบียน หัวข้อข้อความหลัก) น้ำหนักตัวอักษรปานกลางและความสูงของเส้นที่ไม่มากเกินไป ทำให้ดูโดดเด่นโดยไม่รู้สึกเทอะทะ เป็นแบบอักษรเดียวที่นอกจากสีส้มแล้ว ยังบ่งบอกถึงเอกลักษณ์ของ Substack ได้อีกด้วย
• Spectral — ทดแทน: Charter · โครงร่าง 400 · แบบอักษรมีเชิงสำหรับบทความยาว—ใช้ในห้องอ่านข่าวและในเนื้อหาข่าวเพื่อปรับปรุงความอ่านง่ายของบทความ ระยะห่างระหว่างบรรทัดที่แคบลงเล็กน้อย (1.20) ช่วยให้การอ่านย่อหน้าสะดวกสบายยิ่งขึ้น ในขณะที่ยังคงความกระชับตามแบบฉบับของห้องข่าว

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

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

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