Framer

จานสี

ยี่ห้อ

• Vivid Violet #0066ff — ปุ่มการทำงานหลักเป็นเพียงจุดเดียวในอินเทอร์เฟซที่แสดงพื้นหลังปุ่มสีทึบ

เป็นกลาง

• Bone #ffffff — หัวข้อหลักและข้อความหลักอยู่บนพื้นหลังสีเข้ม โดยมีเพียงพื้นหลังของปุ่มที่เป็นแหล่งกำเนิดแสง
• Void #000000 — พื้นหลังหน้าเว็บ พื้นหลังการนำทาง พื้นผิวการ์ด และการเติมสีไอคอน ทั้งหมดเป็นสีดำสนิทที่ดูดซับเนื้อหาที่ไม่จำเป็นทั้งหมด
• Graphite #111111 — พื้นผิวการ์ดที่ยกสูงขึ้นนั้นเหนือกว่าการ์ดเปล่าๆ ทั่วไป เช่น การ์ดขนาดใหญ่ที่ใช้งานได้จริง และภาชนะแบบโมดอล
• Obsidian #171717 — พื้นผิวระดับกลางสำหรับปุ่ม การ์ดเพิ่มเติม และการเติมสี UI - แยกองค์ประกอบแบบโต้ตอบออกจากผืนผ้าใบ
• Slate #242424 — เมื่อวางเมาส์เหนือช่องป้อนข้อมูลและแผงที่เยื้องเข้าไป จะแสดงเป็นเฉดสีกลางที่สว่างที่สุดก่อนที่จะเปลี่ยนเป็นรูปแบบข้อความ
• Ash #333333 — การเติมสีแบบลึกสำหรับภาพพื้นหลังและองค์ประกอบโครงสร้างที่ไม่ได้ใช้งาน

การจัดพิมพ์

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

• sans-serif — ทดแทน: Inter · โครงร่าง 400 · แบบอักษร sans-serif - พบในข้อมูลที่ดึงมาได้ แต่ไม่ได้ถูกอธิบายไว้โดย AI
• GT Walsheim — ทดแทน: Inter Tight · โครงร่าง 500 · แบบอักษรสำหรับหัวข้อและชื่อเรื่องคือแบบอักษรของแบรนด์ แบบอักษรนี้ถูกบีบอัดอย่างมาก โดยมีระยะห่างระหว่างบรรทัด 0.8–1.1 และระยะห่างระหว่างตัวอักษร -0.04em ถึง -0.05em ในช่วง 44–68 พิกเซล มันไม่ใช่เพียงแค่ส่วนประกอบตกแต่ง ความอบอุ่นทางเรขาคณิตของ GT Walsheim ผสานกับมาตรวัดที่เข้มงวด สร้างเอกลักษณ์ของระบบ—มั่นใจ กระชับ และล้ำสมัยเล็กน้อย หากต้องการการแสดงออกทางเรขาคณิตที่คล้ายกัน ลองพิจารณา Inter Tight หรือ Space Grotesk Bold
• Inter Variable — ทดแทน: Inter · โครงร่าง 400 · เนื้อหาหลัก การนำทาง และหัวข้อรองเป็นส่วนสำคัญที่สุด แกนตัวแปร Inter ช่วยให้การปรับน้ำหนักเป็นไปอย่างราบรื่น การติดตามจะแคบลงเมื่อขนาดเพิ่มขึ้น: จาก -0.001em ถึง 18px และจาก -0.027em ถึง 22px เวอร์ชันตัวแปรช่วยให้สามารถสร้างภาพเคลื่อนไหวขนาดเล็กบนเว็บไซต์ได้อย่างราบรื่น ตัวเลือกทดแทน: Inter ( Google) – ตัวเลือกสำรองที่แทบจะเหมือนกันทุกประการ

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

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

• Auros — สถานีปลายทางใต้ทะเลลึกพร้อมลูกบอลข้อมูลเรืองแสง
• Origin Financial — หอศิลป์ยามเที่ยงคืนแห่งความหรูหราอันเงียบสงบ ห้องที่เงียบสงบเกือบมืดสนิท ที่ซึ่งตัวอักษรขนาดใหญ่แบบมีเชิง และแผงไฟสีสันสดใสเพียงไม่กี่แผง สร้างความรู้สึกว่าการเงินเป็นงานศิลปะที่ได้รับการคัดสรรมาอย่างพิถีพิถัน
• Raycast — ศูนย์บัญชาการเที่ยงคืน, ปะการังนีออน
• Dimension — โต๊ะทำงานที่ส่องสว่างยามพลบค่ำ พร้อมแผงกระจกฝ้า
• Reflect Notes — อวกาศสีม่วงระยิบระยับราวกับดวงดาว คือหอดูดาวมืดมิด ที่ซึ่งโน้ตดนตรีล่องลอยราวกับกลุ่มดาวท่ามกลางฉากหลังอันว่างเปล่าสีครามเกือบดำ
• Ameba — ห้องควบคุมเวลาเที่ยงคืน – แสงสีฟ้าเรืองรองสะท้อนอยู่ภายในแผงกระจกฝ้า
• Branding — ผนังแกลเลอรี่สีดำ ตัดกับสีแดงเลือดหมู - ตัวอักษรสีขาวขนาดใหญ่ลอยอยู่บนพื้นหลังสีเข้มที่ดูว่างเปล่า ถูกตัดด้วยเส้นสีแดงสดเพียงเส้นเดียว และองค์ประกอบตกแต่งที่สะดุดตา ซึ่งดูเหมือนป้ายบอกทางในแกลเลอรี่มากกว่าส่วนติดต่อผู้ใช้บนเว็บไซต์
• Harness — ศูนย์ควบคุมภารกิจยามเที่ยงคืน พร้อมด้วยแสงสีเขียวเรืองแสง
• Koto — แกลเลอรีออบซิเดียนยามเที่ยงคืน เวทีที่มืดสนิทเกือบมองไม่เห็นอะไรเลย มีเพียงแสงสีเหลืองจากปากกามาร์กเกอร์เพียงแท่งเดียวที่ให้ความอบอุ่น และตัวอักษรที่อัดแน่นลอยอยู่ในพื้นที่ว่างขนาดใหญ่ราวกับโปสเตอร์นิทรรศการ
• Ohzi — ลูกบาศก์เรืองแสงที่แขวนอยู่ในห้องแสดงภาพที่มืดมิด
• Depot — เทอร์มินัลเซิร์ฟเวอร์สีดำสนิท คอนโซลสำหรับนักพัฒนาซอฟต์แวร์ที่เกือบเป็นสีดำ มีไฟ LED สีเขียวดวงเดียวแสดงสถานะการเริ่มต้นทำงาน และส่วนที่เหลือของอินเทอร์เฟซผู้ใช้แสดงผลเป็นสีเทากราไฟต์
• Maciej Zadykowicz — แกลเลอรี่เที่ยงคืนที่มีภาพจิตรกรรมฝาผนังหลากสีสัน คือผนังสตูดิโอที่เกือบดำสนิท ซึ่งมีเพียงงานศิลปะตัวอักษรสีสันสดใสชิ้นเดียวที่ดึงดูดความสนใจ ในขณะที่ทุกสิ่งทุกอย่างรอบข้างดูเงียบสงบและจงใจ