คู่มือแบรนด์
หนึ่งสัญลักษณ์ หนึ่งสีเขียว หนึ่งน้ำเสียง
ระบบแบรนด์ Protocore ฉบับเต็ม ทั้งโลโก้ พื้นที่ว่าง สี ตัวอักษร น้ำเสียง และการตั้งชื่อ ในหน้าเดียว อ่านที่นี่หรือรับเป็น PDF
ระบบโลโก้
สี่วิธีจัดวางสัญลักษณ์
สัญลักษณ์ faceted core เป็นไฟล์ที่วาดขึ้นเพียงอย่างเดียว ส่วน lockup วางชื่อไว้ข้างหรือใต้สัญลักษณ์ด้วย Roboto Medium ห้ามวาดใหม่ทั้งสองอย่าง
ใช้เดี่ยวในขนาดเล็ก เช่น favicon ไอคอนแอป และทุกที่ที่ชื่ออ่านไม่ชัด
สัญลักษณ์อยู่ข้างชื่อ ใช้เป็นค่าเริ่มต้น — ส่วนหัว เอกสาร และลายเซ็น
สัญลักษณ์อยู่เหนือชื่อ สำหรับพื้นที่สี่เหลี่ยมจัตุรัส — การ์ดโซเชียล ไทล์ และตราประทับ
สัญลักษณ์อยู่กึ่งกลางไทล์สีพื้นขนาด 1024 px สำหรับรูปโปรไฟล์บนทุกแพลตฟอร์ม
พื้นที่ว่างและขนาด
เว้นที่รอบด้าน กำหนดขนาดขั้นต่ำ
ตัวเลขตายตัวสองค่าที่ทำให้สัญลักษณ์อ่านออกได้ชัดในทุกที่ที่ปรากฏ
พื้นที่ว่าง — เท่ากับความกว้างของสัญลักษณ์ทั้งสี่ด้าน
- พื้นที่ว่าง
- เท่ากับความกว้างของสัญลักษณ์เอง ทั้งสี่ด้าน ห้ามมีสิ่งใดล้ำเข้ามา ไม่ว่าจะเป็นตัวอักษร เส้น หรือขอบหน้า
- ความสูงขั้นต่ำ · ดิจิทัล
- 16 px ต่ำกว่านี้จะอ่านไม่ชัด ให้ใช้สัญลักษณ์เดี่ยว ห้ามใช้โลโก้แบบรวมชื่อ
- ความสูงขั้นต่ำ · สิ่งพิมพ์
- 6 mm
สี
ห้าสี หน้าที่ชัดเจน
เกือบเป็นขาว-ดำโดยค่าเริ่มต้น สีเขียวเป็นสีเน้น ไม่ใช่ธีม และไม่ใช้เติมพื้นที่ใหญ่
ข้อความบนพื้นสว่าง และพื้นผิวสีเข้ม
พื้นหลังหน้าสีสว่าง
การ์ดบนพื้นสีกระดาษ และข้อความบนสีหมึก
สีเขียว — ใช้บนพื้นผิวสีเข้มเท่านั้น
ข้อความสีเน้นบนพื้นขาว — ลิงก์และป้ายกำกับ
ตัวอักษร
ให้ Roboto เป็นผู้สื่อสาร
สองตระกูลก็ครอบคลุมทุกงาน ไม่มีฟอนต์ที่สาม และไม่ใช้ตัวเอียงเพื่อเน้น
UI และหัวข้อ — 400 สำหรับเนื้อหา, 500 สำหรับหัวข้อและโลโก้, 700 เฉพาะเมื่อจำเป็น
ป้ายกำกับ eyebrow และตัวเลข — ตัวพิมพ์ใหญ่ เว้นระยะห่างกว้าง
ป้ายกำกับของแต่ละส่วนขึ้นต้นด้วยเครื่องหมายทับสามตัวและเว้นวรรคหนึ่งครั้ง — ใช้ Roboto Mono ตัวพิมพ์ใหญ่ เว้นระยะห่างกว้าง เครื่องหมายทับเป็นตัวอักขระที่พิมพ์ขึ้น ไม่ใช่งานภาพที่วาดขึ้น
น้ำเสียงและโทนการเขียน
พูดให้น้อย แต่ให้มีน้ำหนัก
ห้ากฎครอบคลุมทุกบรรทัดของข้อความ Protocore ตั้งแต่พาดหัวจนถึงป้ายกำกับปุ่ม
การตั้งชื่อ
ผลิตภัณฑ์ใช้ชื่อตระกูลเดียวกัน
หนึ่งรูปแบบ ใช้ทุกครั้งโดยไม่มีข้อยกเว้น
- การกล่าวถึงครั้งแรก
- ใช้ชื่อเต็ม — “Protocore Pay”, “Protocore Gateway” หลังจากนั้นใช้เฉพาะชื่อผลิตภัณฑ์
- PDS
- ย่อมาจาก Protocore Design System ให้เขียนชื่อเต็มเมื่อกล่าวถึงครั้งแรก หลังจากนั้นใช้ PDS
- ชื่อบริษัท
- Protocore — เขียนติดกันเป็นคำเดียว P ตัวใหญ่ ห้ามเขียนเป็น ProtoCore, PROTOCORE หรือ Proto Core
การใช้งาน
ควรทำแบบนี้ ไม่ใช่แบบนั้น
กฎจากชุดสื่อมวลชน ขยายครอบคลุมทั้งระบบ
- 01เว้นพื้นที่ว่างรอบสัญลักษณ์ทุกด้านเท่ากับความกว้างของสัญลักษณ์
- 02ใช้แบบสีดำบนพื้นหลังสีอ่อน และแบบสีขาวบนพื้นหลังสีเข้ม
- 03ใช้แบบสีเน้นเฉพาะบนพื้นผิวสีหมึก (#0a0a0a)
- 04ปรับขนาดจากไฟล์ SVG สัญลักษณ์คมชัดในทุกขนาด
- 05ใช้โลโก้แนวตั้งเมื่อพื้นที่วางเป็นรูปสี่เหลี่ยมจัตุรัส
- 06ใช้สัญลักษณ์เดี่ยวเมื่อความสูงต่ำกว่า 16 px
- 01อย่าเปลี่ยนสีสัญลักษณ์นอกเหนือจากเวอร์ชันที่จัดเตรียมไว้
- 02ไม่หมุน ทำเส้นขอบ หรือเพิ่มเงาและเอฟเฟกต์อื่น
- 03ไม่วาดสัญลักษณ์ใหม่ และไม่เปลี่ยนสัดส่วน
- 04ไม่ใช้ฟอนต์อื่นกับชื่อ Protocore เพราะ lockup ใช้ Roboto Medium
- 05อย่าวางสีเขียวเน้นบนพื้นขาว — ใช้ #0e9e6e สำหรับข้อความสีเน้นบนพื้นขาว
- 06อย่าวางสัญลักษณ์บนภาพถ่ายหรือกราเดียนต์ — ใช้พื้นสีหมึกหรือสีกระดาษล้วนเท่านั้น
ไฟล์
เก็บระบบนี้ติดตัวไป
คู่มือในรูปแบบ PDF และไฟล์ทั้งหมดในซิปเดียว ไฟล์แยกทุกไฟล์อยู่ในหน้าสื่อมวลชน