
Linear
เครื่องมือวัดความแม่นยำเที่ยงคืน
ระบบการออกแบบ Linear คือศูนย์บัญชาการยามค่ำคืนที่สร้างขึ้นบนพื้นผิวสีดำสนิท (#08090a) พร้อมตัวอักษรสีขาวคมชัด และเน้นด้วยสีเขียวมะนาว (#e4f222) เพียงสีเดียว ซึ่งทำหน้าที่เป็นไฟฉายขนาดเล็ก ความคมชัดสูง และใช้เพียงเล็กน้อยเพื่อบ่งบอกการกระทำ อินเทอร์เฟซใช้ความมืดเป็นพื้นฐานมากกว่าเป็นธีม: ตัวอักษรเป็นสีขาวคมชัด มีระยะห่างระหว่างตัวอักษรแคบ (-0.022em) น้ำหนักตัวอักษรอยู่ในช่วง 400–510 แทนที่จะเป็นตัวหนา และเส้นขอบบางมาก (0.5px) เพื่อให้รูปทรงเรขาคณิตทำหน้าที่แทนเงา ส่วนประกอบต่างๆ ให้ความรู้สึกประณีตบรรจง – รัศมี 6px และ 12px ระยะขอบกะทัดรัด 8–12px และแทบไม่มีองค์ประกอบตกแต่งใดๆ – ทำให้ UI ของผลิตภัณฑ์ (การ์ดงาน กระดาน Kanban แผงตัวแทน AI) เป็นเพียงองค์ประกอบภาพเดียวในระบบที่ดูสงบเงียบนี้
เค้าโครงมีความกว้างสูงสุดประมาณ 1200 พิกเซล จัดวางอยู่ตรงกลาง โดยมีพื้นหลังสีเข้มที่ขยายไปจนถึงขอบของหน้าจอ องค์ประกอบหลักคือหัวข้อขนาดใหญ่ จัดชิดซ้าย (64–72 พิกเซล) คู่กับปุ่มกระตุ้นการดำเนินการ (CTA) ที่จัดชิดขวา ตามด้วยภาพหน้าจอผลิตภัณฑ์ขนาดใหญ่ที่ขยายเกินความกว้างสูงสุดเล็กน้อย จังหวะของส่วนต่างๆ สลับกันระหว่างองค์ประกอบสองคอลัมน์ที่มีข้อความอยู่ทางซ้ายและรูปภาพอยู่ทางขวา และแถบแสดงผลิตภัณฑ์แบบเต็มความกว้างที่คั่นด้วยช่องว่างแนวตั้ง 96 พิกเซล แถบที่มีโลโก้ของลูกค้าเป็นแถวแนวนอนแถวเดียว หน้าเว็บไม่ใช้ตารางการ์ดสามคอลัมน์หรือโครงสร้างแบบเรียงต่อกัน ความหนาแน่นของข้อมูลจึงต่ำ โดยส่วนใหญ่ใช้พื้นที่ว่างสีขาวอย่างกว้างขวางและมีองค์ประกอบหลักเพียงอย่างเดียวบนหน้าจอ การนำทางเป็นแถบด้านบนคงที่ที่มีโลโก้จัดชิดซ้ายและลิงก์จัดชิดขวา โดยไม่มีแถบด้านข้างหรือเมนูขนาดใหญ่
ภาษาภาพของ Linear นั้นอิงจากภาพหน้าจอผลิตภัณฑ์: ภาพประกอบในตอนต้นและในแต่ละส่วนเป็นภาพจริงของส่วนติดต่อผู้ใช้ของแอป Linear ที่ถ่ายด้วยรายละเอียดสูงสุด—การ์ดงาน กระดาน Kanban แดชบอร์ดตัวแทน AI พาเล็ตคำสั่ง—จัดวางในกรอบบางๆ ไม่มีภาพสต็อก ไม่มีภาพไลฟ์สไตล์ ไม่มีภาพประกอบนามธรรม โลโก้แสดงเป็นแถบสีเทาที่เป็นกลาง (#8a8f98) ขนาดเท่ากันสำหรับลูกค้า ไอคอนเป็นภาพ SVG เชิงเส้นแบบมินิมอลในโทนสีเทา ภาพหน้าจอที่ด้านบนของหน้าลอยอยู่บนการไล่ระดับสีเชิงเส้นที่ละเอียดอ่อน (จากเข้มไปอ่อน) สร้างความลึกของบรรยากาศโดยไม่ต้องใช้ภูมิทัศน์จริง องค์ประกอบภาพทุกอย่างเป็นองค์ประกอบการทำงานของตัวผลิตภัณฑ์เอง
จานสี
ยี่ห้อ
- Acid Lime
#e4f222— ปุ่มควบคุมหลักและตัวบ่งชี้การนำทางที่ใช้งานอยู่เป็นจุดเด่นที่สดใส ซึ่งช่วย打破โทนสีขาวดำโดยรวม
เป็นกลาง
- Mist
#d0d6e0— หัวข้อรอง ข้อความบนปุ่ม บนพื้นผิวสีเข้ม - Void
#08090a— ภาพพื้นหลังแบบเต็มความกว้างของหน้าเว็บ - โดยค่าเริ่มต้น องค์ประกอบทั้งหมดจะถูกจัดวางบนภาพพื้นหลังนี้ - Carbon
#0f1011— พื้นผิวของการ์ดและแถบนำทางนั้นเป็นขั้นที่เหนือกว่าผืนผ้าใบสำหรับวางเนื้อหาภายในการ์ด - Obsidian
#161718— พื้นผิวที่ยกสูงขึ้น แผ่นกระดาษแข็งที่ลึกกว่า - Graphite
#23252a— เส้นขอบที่ละเอียดอ่อน ตัวคั่น เส้นรอบปุ่มที่ละเอียดอ่อน – ขอบพื้นผิวที่มีความแตกต่างกันน้อย - Smoke
#383b3f— ขอบบางจะมีความคมชัดสูงกว่าตัวคั่นส่วนที่ทำจากกราไฟต์
การจัดพิมพ์
จาก 13 เป็น 72 พิกเซล · 8 ขั้นตอน
- Inter Variable — ทดแทน: Inter (variable) · โครงร่าง 300, 400, 510, 590 · ฟอนต์หลักสำหรับ UI และส่วนหัว - ใช้ในแถบนำทาง ข้อความหลัก หัวข้อ ปุ่ม และการ์ดต่างๆ
- Berkeley Mono — ทดแทน: JetBrains Mono · โครงร่าง 400 · ข้อความ UI ที่อยู่ติดกับโค้ด - ตัวระบุรุ่น (ENG-2703), ทางลัดแป้นพิมพ์, ข้อมูลเมตาของแบบอักษร monospace
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | กว้างขวาง |
| ขั้นตอนพื้นฐาน | 8px |
| รัศมีปุ่ม | 6px |
| รัศมีการ์ด | 12px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 96px |
| ความกว้างของหน้า | 1200px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Linear และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Aaru — หอดูดาวสนามอนุภาคเวลาเที่ยงคืน
- Atlas Card — ห้องนิรภัยเที่ยงคืน (Midnight Vault) ที่มีเพียงลำแสงไพลินเดียว เป็นพื้นที่มืดสนิทที่สิ่งเดียวที่สำคัญคือสีน้ำเงินไฟฟ้าเข้ม
- Checkly — ศูนย์ควบคุมภารกิจวงโคจรลึก
- Savee — ผืนผ้าใบสีดำสำหรับภัณฑารักษ์ด้านทัศนศิลป์
- Inngest — หอดูดาวที่มืดและเงียบสงบ พร้อมอุปกรณ์ครบครันสำหรับการทำงานกับเครื่องมือต่างๆ ส่องสว่างด้วยแสงนำร่องสีเหลืองอำพันเพียงดวงเดียว
- Dala — กลุ่มดาวลอยอยู่เหนือพื้นกำมะหยี่สีดำ
- Origin Financial — หอศิลป์ยามเที่ยงคืนแห่งความหรูหราอันเงียบสงบ ห้องที่เงียบสงบเกือบมืดสนิท ที่ซึ่งตัวอักษรขนาดใหญ่แบบมีเชิง และแผงไฟสีสันสดใสเพียงไม่กี่แผง สร้างความรู้สึกว่าการเงินเป็นงานศิลปะที่ได้รับการคัดสรรมาอย่างพิถีพิถัน
- Hyperstudio — ลวดลายถูกสลักลงบนหินออบซิเดียน ตัวอักษรและเส้นบางๆ ล้อมรอบพื้นที่สีขาวสีดำสนิท โดยมีเครื่องหมายเข็มทิศสีทองปรากฏเป็นระยะๆ เพื่อบอกทิศทาง
- Air — ประติมากรรม "ท้องฟ้ายามเที่ยงคืนผ่านกระจก"
- Resend — กำมะหยี่สีดำผสมสีม่วงนีออน
- Raycast — ศูนย์บัญชาการเที่ยงคืน, ปะการังนีออน
- Dimension — โต๊ะทำงานที่ส่องสว่างยามพลบค่ำ พร้อมแผงกระจกฝ้า