โลโก้และมาสคอต
ภาษาภาพของ Forwork
Forwork ใช้ระบบระบุตัวตนที่เรียบง่ายซึ่งสร้างขึ้นจากความชัดเจน ความไว้วางใจ และสัญญาณการทำงานที่เข้าถึงได้
โลโก้
เครื่องหมายที่ชัดเจนสำหรับ Work Identity ที่ชัดเจน
โลโก้ Forwork ให้ความสำคัญกับความสามารถในการอ่าน การจดจำ และการใช้งานที่เสถียรบนโปรไฟล์ ส่วนท้าย พื้นผิว PWA การแสดงตัวอย่าง OG และจุดสัมผัสการทำงาน
ฟาวิคอน
เครื่องหมาย Forwork ที่เล็กที่สุดยังต้องจดจำได้ทันที
ไอคอน Fav และไอคอนแอปปรากฏในแท็บเบราว์เซอร์ ทางลัด พื้นผิว PWA หน้าจอหลัก และบริบทขนาดเล็กที่โลโก้เต็มมีพื้นที่ไม่เพียงพออีกต่อไป
favicon.svg
favicon-light.svg
favicon-dark.svg
apple-touch-icon.png
pwa-192x192.png
maskable-icon-512x512.png
Woan
Woan เป็นไกด์ภายใน Forwork
Woan ช่วยให้ Forwork รู้สึกเหมือนเป็นเครื่องมือที่มีโปรไฟล์ที่ไม่คุ้นเคย แต่เป็นพื้นที่ที่เป็นมิตรซึ่งผู้คนสามารถอธิบายงานของตนได้อย่างชัดเจน
Identity
ช่วยให้ผู้ชมระบุตัวตนของคุณได้อย่างรวดเร็ว
Proof
แนะนำผู้ชมไปสู่ข้อพิสูจน์ที่แท้จริง
Thinking
ทำให้การคิดเชิงปฏิบัติดูง่ายขึ้น
Contact
ทำให้ก้าวต่อไปรู้สึกชัดเจนยิ่งขึ้น
สี
มีการใช้สีเพื่อดึงดูดความสนใจ ไม่ใช่ใช้ตกแต่งทุกพื้นผิว
Forwork Accent
#1800AD · #A99CFF dark
ลิงก์ การดำเนินการหลัก และไฮไลต์ข้อมูลประจำตัวInk
#191919
ข้อความ ส่วนหัว และจุดยึดที่อ่านง่ายPaper
#FFFFFF
พื้นผิวการอ่านที่สะอาด สงบ และมีสมาธิSoft Surface
#F1F1EF
แท็ก การ์ด และลำดับชั้นที่เงียบเหมือนแนวคิดวิชาการพิมพ์
ตัวอักษร Forwork ควรให้ความรู้สึกที่ชัดเจน กะทัดรัด และเข้าถึงได้
Forwork ใช้ Manrope เป็นแบบอักษรหลักในหน้า Landing Page, UI และข้อความของแบรนด์ หากไม่สามารถโหลด Manrope แบบอักษรของระบบจะทำให้ประสบการณ์ใช้งานรวดเร็วและอ่านง่าย
Aa Bb Cc · 1234567890
หัวเรื่อง
การเว้นวรรคตัวอักษรที่หนา กระชับ และแน่นเล็กน้อยให้ความรู้สึกทันสมัยอย่างมั่นใจ
ร่างกาย
ความสูงของเส้นที่อ่านได้สบาย และเน้นความชัดเจนมากกว่าการตกแต่ง
ป้ายเล็กๆ
ใช้น้ำหนักที่เพียงพอสำหรับข้อมูลเมตา แท็ก ปุ่ม และการนำทาง
การตั้งชื่อ
การตั้งชื่อควรสอดคล้องกับโลโก้
Forwork เป็นชื่ออย่างเป็นทางการ 4Work และ 4W เป็นรูปแบบชวเลขสำหรับบริบทของระบบนิเวศ UI ที่รัดกุม หรือการอ้างอิงแบบไม่เป็นทางการ
ใช้สำหรับหน้า Landing Page, SEO, OG, ส่วนหัว, ข้อความของแบรนด์ และจุดติดต่ออย่างเป็นทางการ
ใช้เมื่อพูดถึง 4Tips, ProfileKit หรือผลิตภัณฑ์ที่อยู่ในระบบนิเวศเดียวกัน
ใช้ได้กับป้าย ป้ายกำกับแบบสั้น เมนูที่จำกัด หรือบริบทภายใน หลีกเลี่ยงการใช้เป็นหัวข้อหลัก SEO
ใช้
Forwork สำหรับเนื้อหาที่เป็นทางการ
4Work สำหรับบริบทของระบบนิเวศ
4W เมื่อพื้นที่ UI แน่นมาก
หลีกเลี่ยง
ForWork เพราะการใช้อักษรตัวพิมพ์ใหญ่ผิด
FourWork เพราะมันทำให้การรับรู้ลดลง
4work ยกเว้นใน URL หรือโค้ด
ความหมาย
องค์ประกอบภาพทุกองค์ประกอบสนับสนุนแนวคิดเดียว นั่นคือ ทำให้งานเข้าใจง่ายขึ้น
ชัดเจน
การพิมพ์ การเว้นวรรค และเค้าโครงช่วยลดการคาดเดา
มนุษย์
Woan ทำให้ผลิตภัณฑ์เป็นมิตรมากขึ้นโดยไม่สูญเสียความเป็นมืออาชีพ
น่าเชื่อถือ
เครื่องหมายที่สม่ำเสมอและสีที่จำกัดทำให้โปรไฟล์รู้สึกมั่นคง
เชื่อมต่อแล้ว
Forwork, 4Tips และ ProfileKit อยู่ในระบบนิเวศที่เชื่อมต่อถึงกัน
การใช้งาน
ใช้ตัวตนที่มีห้องหายใจเพียงพอ
ห้ามยืดหรือเปลี่ยนสีโลโก้แบบสุ่ม
ใช้ Woan เพื่ออธิบาย แนะนำ หรือแนะนำแนวคิดเกี่ยวกับผลิตภัณฑ์
ใช้สีเน้นอย่างตั้งใจและให้ความสำคัญกับความชัดเจนมากกว่าการตกแต่ง