แนวทางการใช้แบรนด์
ทรัพยากรและแอสเซทเพื่อช่วยให้คุณใช้งานแบรนด์ OpenCode
สารบัญ
เขียน OpenCode เป็นคำเดียว โดยใช้ O และ C ตัวพิมพ์ใหญ่ อย่าเขียนเป็น Opencode, Open Code, OpenCode AI หรือ Open-Code
ใช้ opencode ตัวพิมพ์เล็กเฉพาะในโค้ดและชื่อแพ็กเกจ เช่น opencode-figma หรือ @acme/opencode-plugin
โลโก้เดี่ยว สำหรับไอคอนแอป รูปโปรไฟล์ และพื้นที่เล็กอื่นๆ แบบสี่เหลี่ยมจัตุรัสเพิ่มระยะขอบสำหรับที่ที่ครอปเป็นสี่เหลี่ยมจัตุรัส
เลือกแบบที่ทำให้โลโก้ชัดบนพื้นหลังของคุณ ใช้แบบมืดบนพื้นหลังสว่าง และแบบสว่างบนพื้นหลังมืด โลโก้และตัวอักษรแบรนด์เป็นไฟล์แยกกัน ให้ใช้อย่างใดอย่างหนึ่ง
โลโก้ที่ใช้ได้แทบทุกที่ เงาด้านในโปร่งใส บนพื้นขาวหรือดำจึงดูเหมือนสีเทาสองโทนทุกประการ และบนภาพถ่าย การไล่สี หรือพื้นสี พื้นหลังจะมองทะลุผ่านได้
โลโก้และตัวอักษรแบรนด์ใช้หมึกสีเดียวที่ความทึบสามระดับ และใช้หมึกที่สว่างกว่าบนพื้นหลังมืด ค่าด้านล่างคือหมึกนั้นบนพื้นขาวหรือ #0B0B0B ตามที่ไฟล์มาตรฐานแสดง คลิกค่าเพื่อคัดลอก
- หมึกเส้นขอบโลโก้และตัวอักษรของ “code”
- หมึก 70%ตัวอักษรของ “open” หมึกที่ความทึบ 70%
- หมึก 20%เงาด้านในของโลโก้ หมึกที่ความทึบ 20%
- หมึกเส้นขอบโลโก้และตัวอักษรของ “code”
- หมึก 72%ตัวอักษรของ “open” หมึกที่ความทึบ 72%
- หมึก 28%เงาด้านในของโลโก้ หมึกที่ความทึบ 28%
ใช้แบบสว่างบนพื้นหลังสว่าง และแบบมืดบนพื้นหลังมืด โลโก้และตัวอักษรแบรนด์แยกจากกัน ให้ใช้อย่างใดอย่างหนึ่ง ไม่ใช้ทั้งสองอย่างพร้อมกัน
เว้นพื้นที่อย่างน้อยสองเส้นทุกด้านของโลโก้และตัวอักษรแบรนด์ สำหรับโลโก้ หนึ่งเส้นคือความหนาของเส้นขอบ เท่ากับหนึ่งในสี่ของความกว้าง สำหรับตัวอักษรแบรนด์ คือความหนาของตัวอักษร เท่ากับหนึ่งในเจ็ดของความสูง
ควรให้ทุกขอบและเส้น 4px อยู่บนพิกเซลเต็ม ห้ามปรับขนาดโลโก้ผิดสัดส่วน 4:5 ไม่เช่นนั้นขอบจะตกระหว่างพิกเซลและเบลอ สัดส่วนของโลโก้คงที่ที่ 4:5 และหนึ่งเส้นเท่ากับหนึ่งในสี่ของความกว้าง ปรับขนาดทีละ 4 × 5px เพื่อให้ทุกขอบและทุกเส้นตรงกับพิกเซลเต็ม
โลโก้ เส้น 16 × 20px 4px 20 × 25px 5px 24 × 30px 6px 32 × 40px 8px 48 × 60px 12px 64 × 80px 16px ตัวอักษรแบรนด์ เส้น 78 × 14px 2px 117 × 21px 3px 156 × 28px 4px 195 × 35px 5px 234 × 42px 6px 312 × 56px 8px โลโก้
อย่างน้อย 16 × 20px โดยเส้นหนา 4px หากเล็กกว่านี้จะเบลอตัวอักษรแบรนด์
อย่างน้อย 117 × 21px โดยเส้นหนา 3px หากเล็กกว่านี้จะเบลอ
ข้อผิดพลาดที่พบบ่อยซึ่งควรหลีกเลี่ยงเมื่อใช้โลโก้และตัวอักษรแบรนด์
ห้ามเปลี่ยนโลโก้เป็นสีใหม่ ห้ามใช้สีสดสีเดียว ห้ามเติมโลโก้ด้วยการไล่สี ห้ามสลับโทนสี ห้ามยืดหรือบีบโลโก้ ห้ามเพิ่มเงาตกกระทบ ห้ามเพิ่มแสงเรืองหรือเส้นขอบ ห้ามวางคำอื่นไว้ข้างโลโก้ ห้ามใช้สีเทาบนสีเทาที่คอนทราสต์ต่ำ ห้ามวางโลโก้สีเทาสองโทนบนพื้นหลังสี ซึ่งทำให้สีเทาดูหม่น
ปลั๊กอิน ผู้ให้บริการ และเครื่องมือที่ทำงานร่วมกับ OpenCode รวมถึงโปรเจกต์ที่สร้างด้วย OpenCode ระบุเช่นนั้นได้ ใช้ป้ายหรือโลโก้ร่วมพาร์ตเนอร์ และตั้งชื่อโปรเจกต์ให้ชัดว่าเป็นของคุณ
ใส่ป้ายใน README เอกสาร หรือเว็บไซต์ของคุณ และลิงก์ไปที่ opencode.ai เลือกไฟล์แบบสว่างหรือมืดตามพื้นหลัง (HTML จะสลับให้เอง) และอย่าเปลี่ยนสีหรือข้อความ ทุกสไตล์มีขนาด 20, 32 และ 44px (Shields มีเฉพาะ 20px) ทั้งแบบ SVG และ PNG ขนาด 2×
สำหรับปลั๊กอิน ผู้ให้บริการ และเครื่องมือที่ทำงานร่วมกับ OpenCode
สำหรับโปรเจกต์ที่สร้างด้วย OpenCode
วางโลโก้ OpenCode และโลโก้พาร์ตเนอร์เคียงกัน โดยมี × คั่นกลาง เว้นระยะ 3 เส้นทั้งสองข้างของ × ปรับขนาดโลโก้พาร์ตเนอร์ให้ดูสูงเท่าโลโก้ OpenCode และเว้นพื้นที่ว่างรอบโลโก้ร่วมทั้งหมด
- OpenCode × GitHub, สว่าง
- OpenCode × GitHub, มืด
ขึ้นต้นด้วยชื่อของคุณเอง เพื่อให้ชัดว่าโปรเจกต์เป็นของคุณ
เขียน Linear for OpenCode หรือตั้งชื่อแพ็กเกจว่า opencode-linear อย่าเขียน OpenCode Linear หรือ Linear by OpenCode
OpenCode และโลโก้ OpenCode เป็นเครื่องหมายการค้าของ Anomaly ห้ามใช้เพื่อสื่อว่า Anomaly รับรองหรือสนับสนุนคุณ ห้ามใช้ในชื่อผลิตภัณฑ์หรือชื่อบริษัทของคุณ และห้ามใช้บนสินค้าโดยไม่ได้รับอนุญาต หากมีคำถาม อีเมลมาที่ press@opencode.ai