อัตลักษณ์ · ผลิตภัณฑ์ · ภาพประกอบ
สี ตัวละคร และรายละเอียดการออกแบบที่ทำให้ Canarie เป็น Canarie
ดาวน์โหลดโลโก้ผลิตภัณฑ์เอกสารอ้างอิงแบรนด์ฉบับใช้งาน คำแนะนำการใช้งานระบุไว้ในแต่ละหัวข้อ
ภาพตัวละครต้นฉบับชื่อ: Canarie Prep ใช้การสะกดและตัวพิมพ์ใหญ่แบบนี้ในการสื่อสารผลิตภัณฑ์และกับโรงเรียน ใช้ชื่อ Sam สำหรับตัวละคร AI ฝึกพูด
กลุ่มเป้าหมาย: โรงเรียน มหาวิทยาลัย และสถาบันภาษา รวมถึงครูและผู้เรียน IELTS
คำอธิบายสั้น: Canarie Prep ช่วยให้โรงเรียนสนับสนุนการเตรียมสอบ IELTS ทั้ง Listening, Reading, Writing และ Speaking ด้วยการฝึกแบบมีแนวทางและฟีดแบ็กจาก AI
บุคลิก: เป็นมิตร ชัดเจน ให้กำลังใจ และใช้งานได้จริง การเรียนควรเข้าถึงง่าย และขั้นตอนถัดไปควรเข้าใจง่าย
Call to action สำหรับโรงเรียน: “Book a school demo” (นัดสาธิตสำหรับโรงเรียน)
โลโก้ผลิตภัณฑ์ฉบับสมบูรณ์: เวิร์ดมาร์ก มาสคอต และคำว่า “Prep” ตามต้นฉบับ ไฟล์มีพื้นหลังสีขาว ควรวางบนพื้นสีขาว
ดาวน์โหลด SVG
ใช้สำหรับอัตลักษณ์ระดับแบรนด์หลัก ไม่ใช้แทนโลโก้ Canarie Prep เมื่อต้องแสดงชื่อผลิตภัณฑ์
ดาวน์โหลด SVGใช้ชุดสีนี้สำหรับงานการตลาด โบรชัวร์ และการสื่อสารแบรนด์ใหม่ #5D8AFF คือสีน้ำเงินของโลโก้ Canarie
| สี | Hex | บทบาทที่แนะนำ |
|---|---|---|
| Canarie blue | #5D8AFF | พื้นที่แบรนด์ ภาพฮีโร่ และองค์ประกอบกราฟิกเด่น |
| Warm gold | #FFCC66 | ไฮไลต์ จุดเน้นที่อบอุ่น และปุ่มหลักที่ใช้ตัวอักษรสีเข้ม |
| Brochure cream | #FAF8F4 | พื้นหลังเนื้อหาที่โปร่งสบาย |
| Deep navy | #071769 | หัวข้อและตัวอักษรเข้มบนพื้นน้ำเงิน ใช้ร่วมกับแอป |
| Ink | #151515 | ตัวอักษรเนื้อหา ใช้ร่วมกับแอป |
| White | #FFFFFF | พื้นโลโก้และพื้นผิวสะอาดตา |
ค่าสีธีมสว่างที่ใช้ในแอป Canarie Prep ใช้โทเคนเหล่านี้เมื่อทำงานบนหน้าจอผลิตภัณฑ์
| โทเคน / บทบาท | Hex |
|---|---|
--color-primary | #FFCC66 |
--color-primary-hover | #E6B85C |
--color-secondary | #071769 |
--color-secondary-light | #1A2B7A |
--color-brand-blue | #3B5CCC |
--color-background (app) | #F6F3EC |
--color-text | #151515 |
--color-text-muted | #404040 |
--color-accent-orange | #F67D37 |
--color-accent-green | #07B68B |
--muted | #E8E5DE |
--border | #D4D0C8 |
--destructive | #EF4444 |
แยกการใช้งานให้ชัด: น้ำเงินการตลาด #5D8AFF และน้ำเงินแอป #3B5CCC ใช้ต่างกัน เช่นเดียวกับครีมโบรชัวร์ #FAF8F4 และพื้นหลังแอป #F6F3EC
ค่าคอนทราสต์ WCAG ของสีทึบ ตัวอักษรปกติต้องมีอย่างน้อย 4.5:1 สำหรับ AA ตัวอักษรขนาดใหญ่ต้องมี 3:1 (24 px ปกติ หรือประมาณ 18.7 px ตัวหนา)
| ตัวอักษร | พื้นหลัง | คอนทราสต์ | การใช้งาน |
|---|---|---|---|
Navy #071769 | Canarie blue #5D8AFF | 4.90:1 | ตัวอักษรปกติ AA |
White #FFFFFF | Canarie blue #5D8AFF | 3.21:1 | ตัวอักษรใหญ่เท่านั้น เลี่ยงใช้กับป้ายเล็ก |
Ink #151515 | Gold #FFCC66 | 12.24:1 | ตัวอักษรปกติ AA |
White #FFFFFF | App blue #3B5CCC | 5.85:1 | ตัวอักษรปกติ AA |
White #FFFFFF | Navy #071769 | 15.72:1 | ตัวอักษรปกติ AA |
Ink #151515 | App cream #F6F3EC | 16.48:1 | ตัวอักษรปกติ AA |
Muted ink #404040 | Brochure cream #FAF8F4 | 9.77:1 | ตัวอักษรปกติ AA |
Ink #151515 | Green #07B68B | 7.02:1 | ตัวอักษรปกติ AA |
ตัวอักษรขาวบนเขียว #07B68B มีคอนทราสต์เพียง 2.60:1 ควรใช้ตัวอักษรสีเข้ม
ฟอนต์หลัก
Nunito
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ? !
Nunito คือฟอนต์หลัก โหลดน้ำหนัก 400–900 และใช้ Mitr กับข้อความภาษาไทยทั้งหมด
ฟอนต์ภาษาไทย
Mitr
เตรียมสอบ IELTS ที่เดียวจบ
กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรลวศษสหฬอฮ
ะ า ำ ิ ี ึ ื ุ ู เ แ โ ใ ไ ่ ้ ๊ ๋ ๑๒๓๔๕
Mitr (Cadson Demak, สัญญาอนุญาต SIL Open Font License) ใช้กับข้อความภาษาไทย น้ำหนัก 300–700 โดย Nunito อยู่ลำดับแรกเสมอ ภาษาอังกฤษ ตัวเลข และเครื่องหมายจึงแสดงด้วย Nunito ส่วนตัวอักษรไทยแสดงด้วย Mitr เนื่องจาก Mitr ดูหนากว่า Nunito หน้าภาษาไทยจึงลดน้ำหนักลง: เนื้อหา 300 ตัวหนา 500 หัวข้อ 600 และใช้ Noto Sans Thai Looped เป็นฟอนต์สำรอง
| บทบาท | ขนาด | น้ำหนัก | ระยะบรรทัด |
|---|---|---|---|
| หัวข้อใหญ่ | 48–72 px ปรับตามจอ | 900 | 1.05–1.15 |
| หัวข้อส่วน | 28–40 px | 700 หรือ 900 | 1.15–1.25 |
| เนื้อหา | 16–18 px | 400 | 1.5–1.65 |
| ป้าย / คำบรรยาย | 13–14 px | 400 หรือ 700 | 1.4–1.5 |
ข้อความยาวควรมีประมาณ 60–75 ตัวอักษรต่อบรรทัด ใช้ sentence case โหลดน้ำหนักฟอนต์ที่ใช้จริง ห้ามจำลองตัวหนา
| ฟอนต์ | บทบาท |
|---|---|
| Sometype Mono, 400–700 | บอร์ดดิ้งพาสของส่วน Speaking และการ์ดผลลัพธ์ |
| Press Start 2P, 400 | ตัวนับถอยหลังแบบพิกเซลของ Sam ใน Part 2 |
| Libre Barcode 39 Text, 400 | บาร์โค้ดบนบอร์ดดิ้งพาส รวมข้อความที่อ่านได้ |
| JetBrains Mono | ตัวอักษรเชิงเทคนิค / monospace |
ฟอนต์เฉพาะทางใช้กับคอมโพเนนต์เฉพาะ ห้ามสร้างโลโก้ใหม่ด้วยฟอนต์ที่คล้ายกัน
ภาพอ้างอิงตัวละครสำคัญกว่าภาพอ้างอิงฉาก คงดีไซน์ต้นฉบับไว้เมื่อเปลี่ยนท่าทาง สีหน้า ฉาก หรือพร็อพ
ห้ามเปลี่ยน Canarie เป็นลูกเจี๊ยบทั่วไป นกเสมือนจริง มาสคอตรูปคน หรือตัวละคร 3D มันวาว ห้ามเพิ่มนิ้ว ปีก หรือแขนขา
คงรายละเอียดบนหัวให้ตรงต้นฉบับ ห้ามเปลี่ยนเป็นธง ลูกบอล ขนนก ใบไม้ หรือเสาอากาศตรง ห้ามเพิ่มขาแบบคนหรือลักษณะหุ่นยนต์ทั่วไป Sam ช่วยฝึกพูดสไตล์ผู้สอบ แต่ไม่ใช่ผู้สอบ IELTS อย่างเป็นทางการ
ใช้ภาพนี้เป็นแนวทางด้านฉาก บรรยากาศ และองค์ประกอบ ใช้ภาพอ้างอิงตัวละครแยกต่างหากสำหรับรูปร่างและอัตลักษณ์ หากฉากต่างจากภาพอ้างอิงตัวละคร ให้ยึดภาพอ้างอิงตัวละคร
ภาษาภาพคือภาพประกอบ 2D ที่สดใสและประณีต รูปทรงมน ขอบคม แรเงานุ่มแบบนิทาน และมีมิติเล็กน้อย ใช้สีฟ้า เขียวเซจ ครีม เหลืองอุ่น และส้ม พร้อมชมพูหรือม่วงลาเวนเดอร์หม่นบ้างเป็นครั้งคราว
โมทีฟของโลกการเรียนรู้ได้แก่ ทางเดิน หนังสือ เกาะ สะพาน ซุ้มประตู อาคารเรียน ดอกไม้ และเครื่องบินกระดาษ เส้นทางบทเรียนใช้ทางเดินและสถาปัตยกรรมไอโซเมตริกแบบเรียบง่ายได้ ผลงานต้องเป็นต้นฉบับ
หลีกเลี่ยงภาพเสมือนจริง การเรนเดอร์ 3D มันวาว สีนีออน คลิปอาร์ตรก แขนขาผิดรูป และตัวอักษรที่แต่งขึ้นเอง
ตัวอย่างสไตล์
ฝึกทีละทักษะ ทบทวนฟีดแบ็ก เรียนรู้ตามจังหวะของคุณเอง
เริ่มฝึก
พื้นหลังสีครีม พื้นผิวสีขาว ปุ่มหลักสีทอง จุดเน้นสีกรมท่า/น้ำเงิน ฟอนต์ Nunito และมุมมน รัศมีพื้นฐานคือ 1rem (16 px)
| โทเคน | รัศมี |
|---|---|
sm | 12 px |
md | 14 px |
lg | 16 px |
xl | 20 px |
2xl | 24 px |
3xl | 28 px |
4xl | 32 px |
5xl | 40 px |
พูดกับผู้เรียนด้วยการให้กำลังใจและบอกขั้นตอนถัดไปที่ชัดเจน พูดกับโรงเรียนด้วยประโยชน์ที่ชัดเจนและคำอธิบายที่ถูกต้องเกี่ยวกับสิ่งที่แพลตฟอร์มมีให้
| สถานการณ์ | ถ้อยคำที่แนะนำ |
|---|---|
| แนะนำกับโรงเรียน | “Support IELTS preparation across all four skills.” |
| แนะนำ Sam | “Meet Sam, your AI partner for examiner-style speaking practice.” |
| ฟีดแบ็ก | “Your main point is clear. Add one example to develop it.” |
| ลองใหม่ | “Try again when you’re ready.” |
| Call to action โรงเรียน | “Book a school demo” |
หลีกเลี่ยงการรับประกันผลคะแนน คำโฆษณาเกินจริงที่คลุมเครือ หรือการอ้างว่าได้รับการรับรองจาก IELTS อย่างเป็นทางการ ระบุว่าคะแนน band จาก AI เป็นค่าประมาณเพื่อการฝึก
ไฟล์ต้นฉบับที่ไม่ได้แก้ไข ดาวน์โหลดและใช้งานตามที่ให้ไว้
| ไฟล์ | การใช้งาน |
|---|---|
| โลโก้ผลิตภัณฑ์ (SVG) | โลโก้ Canarie Prep ฉบับสมบูรณ์ |
| โลโก้ Canarie (SVG) | อัตลักษณ์แบรนด์ Canarie |
| ท่าหันหน้า | ภาพอ้างอิงอัตลักษณ์ Canarie |
| ท่าโบกมือ | ท่าต้นฉบับของ Canarie |
| ท่ากางปีก | ท่าต้นฉบับของ Canarie |
| Model card 1 | แนวทางตัวละครฉบับเต็ม |
| Model card 2 | แนวทางตัวละครฉบับเต็ม |
| ภาพอ้างอิง Sam | ภาพอ้างอิงอัตลักษณ์ Sam |
| ภาพอ้างอิงโลก | ฉากและบรรยากาศ |
Nunito ใช้สัญญาอนุญาต SIL Open Font License 1.1 และดาวน์โหลดได้จาก Google Fonts
