แบรนด์ Elevale

หลักการ ทรัพย์สิน และข้อมูลอ้างอิง

รากฐานของแบรนด์

ค่านิยมของแบรนด์

หลักการเหล่านี้เป็นตัวกำหนดการตัดสินใจเกี่ยวกับผลิตภัณฑ์ การตลาด และวิธีการที่เราแสดงออกต่อทีมผู้บริหาร หลักการเหล่านี้ไม่สามารถต่อรองได้ในการสื่อสารภายนอก

การจัดระเบียบสำคัญกว่าการลงมือปฏิบัติ

ทีมที่ยุ่งวุ่นวายไม่เหมือนกับทีมที่มีเป้าหมายสอดคล้องกัน

เราพูดถึงทิศทางร่วมกัน เป้าหมายที่เชื่อมโยงกัน และความคืบหน้าที่คณะกรรมการสามารถเห็นได้ ไม่ใช่การทำงานยุ่งวุ่นวายโดยไม่จำเป็น

ความชัดเจนเหนือเสียงรบกวน

ผู้นำควรเห็นสิ่งที่สำคัญโดยไม่ต้องเสียเวลาไปกับแผงควบคุมที่ซับซ้อนอีกต่อไป

เราลดความกระจัดกระจาย: มีศูนย์บัญชาการเดียวสำหรับการกำหนดทิศทาง การวัดผล และการดำเนินการ ภาษาที่ใช้ยังคงเรียบง่ายและเฉพาะเจาะจง

หลักฐานสำคัญกว่าความคิดเห็น

การตัดสินใจควรอยู่บนพื้นฐานของข้อมูลปัจจุบัน ไม่ใช่ข้อมูลเก่าที่ส่งออกไปก่อนหน้านี้

เราให้ความสำคัญกับ KPI บันทึกการเปลี่ยนแปลง และข้อมูลเชิงลึกจาก AI ที่เป็นรูปธรรม ซึ่งเป็นหลักฐานที่ผู้นำสามารถนำไปปฏิบัติได้จริง ไม่ใช่เพียงแค่การโฆษณาชวนเชื่อหรือการคาดเดา

สร้างขึ้นเพื่อความเป็นผู้นำ

ประสิทธิภาพระดับองค์กรโดยปราศจากความซับซ้อนระดับองค์กร

เราให้ความเคารพผู้บริหารและผู้ปฏิบัติงาน: ความเข้มงวดในห้องประชุม ความสะดวกในการใช้งานในภาคสนาม และการกำกับดูแลโดยปราศจากระบบราชการที่ซับซ้อน

รากฐานของแบรนด์

การส่งข้อความ

สิ่งที่เราพูด พูดกับใคร และพิสูจน์ได้อย่างไร ต้องสอดคล้องกันในทุกสื่อ ไม่ว่าจะเป็นเว็บไซต์ ผลิตภัณฑ์ การขาย และสื่อพันธมิตร

Elevale คือแพลตฟอร์มการดำเนินการเชิงกลยุทธ์ที่เปลี่ยนทิศทางให้เป็น OKR, KPI ที่ใช้งานได้จริง และการประสานงานของทีม สำหรับผู้บริหารธุรกิจที่ต้องการความชัดเจนและทิศทาง ไม่ใช่ความสับสนวุ่นวาย

หมวดหมู่

นี่คือแพลตฟอร์มสำหรับการดำเนินการเชิงกลยุทธ์ ไม่ใช่เครื่องมือบริหารโครงการทั่วไปหรือแดชบอร์ด BI อีกตัวหนึ่ง งาน เป้าหมาย (G0) และผลลัพธ์แบบเรียลไทม์ (G1) อยู่ในระบบเดียวกัน ทำให้ทิศทาง การทำงานประจำวัน และหลักฐานต่างๆ เชื่อมโยงกัน ไม่กระจัดกระจายอยู่ในแอปพลิเคชันต่างๆ

ผู้ชม

ผู้บริหารธุรกิจ ผู้ก่อตั้ง และทีมผู้นำที่ดูแลธุรกิจหลายสาขาหรือธุรกิจที่กำลังเติบโต พวกเขาเป็นผู้กำหนดกลยุทธ์ ดำเนินการตรวจสอบ และต้องการให้ธุรกิจดำเนินไปในทิศทางเดียวกัน ไม่ใช่การใช้ซอฟต์แวร์เพิ่มขึ้นโดยไม่จำเป็น

สัญญา

เปลี่ยนกลยุทธ์ให้เป็นการปฏิบัติที่ทีมผู้นำของคุณสามารถมองเห็นและควบคุมได้: ทิศทางที่ชัดเจน เป้าหมายที่วัดผลได้ ตัวชี้วัดแบบเรียลไทม์ และ AI ที่วิเคราะห์ธุรกิจของคุณ ไม่ใช่ข้อมูลจากเว็บไซต์ทั่วไป

การพิสูจน์

ข้อกล่าวอ้างที่อิงตามความเป็นจริงของผลิตภัณฑ์: OKR ที่เชื่อมโยงกับงาน, KPI แบบเรียลไทม์, บันทึกการเปลี่ยนแปลงทางธุรกิจ, Otto ที่อิงตามข้อมูลพื้นที่ทำงาน และผลลัพธ์ที่ผู้บริหารยอมรับ (ความสอดคล้อง, จุดบอดน้อยลง, การตรวจสอบที่รวดเร็วขึ้น)

การไหลของข้อความ

ในส่วนของตัวละครเอกและส่วนการลงจอด ให้เล่าเรื่องราวในสามจังหวะ: เริ่มต้นด้วยการดึงดูดความสนใจที่ระบุถึงความตึงเครียด แสดงให้เห็นว่า Elevale คลี่คลายความตึงเครียดนั้นอย่างไร จากนั้นจึงเชิญชวนให้ก้าวไปสู่ขั้นตอนต่อไป นี่คือลำดับการเล่าเรื่อง ไม่ใช่ข้อกำหนดด้านการจัดวางตัวอักษร รูปแบบของหัวข้อ เนื้อหา และปุ่ม อยู่ใน Typography และ UI patterns

  1. ท้าทาย แค่ประโยคเด็ดๆ ประโยคเดียว ไม่ใช่ทั้งย่อหน้า

    คุณตกลงตามแผนแล้ว ถามว่าวันนี้มีความคืบหน้าอะไรบ้าง ห้องก็เงียบลงทันที

  2. ปณิธาน Elevale เปลี่ยนภาพอย่างไร

    ศูนย์บัญชาการเดียวเชื่อมโยงทิศทาง เป้าหมาย (G0) ข้อมูลเป้าหมายแบบเรียลไทม์ (G1) และภารกิจประจำวัน เพื่อให้ทีมผู้นำของคุณสามารถเห็นความคืบหน้าและควบคุมทิศทางได้โดยไม่ต้องเสียเวลาไปกับแดชบอร์ดที่ซับซ้อนอีกต่อไป

  3. การเรียกร้องให้ดำเนินการ ขั้นตอนต่อไปที่คุณต้องการให้พวกเขาทำ

    เริ่มทดลองใช้งานฟรี 14 วัน

ภาษาการส่งข้อความ

  • การใช้งาน: ศูนย์บัญชาการ, การดำเนินการเชิงกลยุทธ์, ทิศทาง, การประสานงาน, ระบบติดตามเป้าหมายแบบเรียลไทม์ (Live G0s), หลักฐาน, ทีมผู้นำ
  • ควรหลีกเลี่ยงคำเหล่านี้: สิ่งมหัศจรรย์แบบครบวงจร, การพลิกโฉมวงการ, AI ที่ปฏิวัติวงการ, ดีที่สุดในระดับเดียวกัน, การทำงานร่วมกัน
รากฐานของแบรนด์

น้ำเสียง

นี่คือโทนเสียงของเราเมื่อค่านิยมและข้อความมาบรรจบกันบนหน้ากระดาษ: มั่นใจ ตรงไปตรงมา และใช้งานได้จริง เขียนขึ้นสำหรับผู้บริหารที่ต้องการความชัดเจน ไม่ใช่ศัพท์เฉพาะทาง

ชัดเจน

อธิบายว่า Elevale ทำอะไรและทำไมจึงสำคัญด้วยภาษาที่เข้าใจง่าย ใช้ประโยคสั้นๆ คำนามที่ชัดเจน ไม่มีคำคุณศัพท์ที่ไม่จำเป็น

เด็ดขาด

เน้นการใช้ภาษาที่กระฉับกระเฉงและผลลัพธ์ที่ผู้นำสามารถมองเห็นได้ชัดเจน เช่น การประเมินผลที่สะท้อนความเป็นจริง เป้าหมายที่ทีมสามารถเป็นเจ้าของได้ และตัวชี้วัดที่อัปเดตแบบเรียลไทม์

มนุษย์

ยอมรับปัญหาที่แท้จริง: เครื่องมือที่กระจัดกระจาย กลยุทธ์ในสไลด์ที่ไม่มีใครปฏิบัติตาม การประเมินผลที่อิงจากตัวเลขของเดือนที่แล้ว จากนั้นแสดงให้เห็นถึงแนวทางที่น่าเชื่อถือในการก้าวไปข้างหน้า

ตัวอย่างสินค้าจากแบรนด์

เปลี่ยนกลยุทธ์ให้เป็นการปฏิบัติที่คณะกรรมการสามารถเห็นได้

Elevale เชื่อมโยงทิศทาง OKR และ KPI แบบเรียลไทม์เข้าไว้ในศูนย์บัญชาการเดียว ทำให้ผู้นำใช้เวลาน้อยลงในการตรวจสอบความถูกต้องของสเปรดชีต และใช้เวลามากขึ้นในการบริหารจัดการธุรกิจ

การเลือกใช้คำ

  • การใช้งาน: ความชัดเจน, การลงมือปฏิบัติ, ทิศทาง, การสอดคล้อง, หลักฐาน, ความมั่นคง, ภาวะผู้นำ
  • ควรหลีกเลี่ยงคำเหล่านี้: synergy, disrupt, revolutionary, best-in-class, leverage (ในฐานะคำกริยา), utilise

โดยช่องทาง

  • เว็บไซต์การตลาด: เน้นหัวข้อข่าว หลักฐานสนับสนุน และใช้เครื่องหมายอัศเจรีย์ให้น้อยที่สุด
  • ส่วนติดต่อผู้ใช้ของผลิตภัณฑ์: ป้ายกำกับที่กระชับ สถานะว่างที่ใช้งานง่าย ไม่มีข้อความโฆษณาเกินจริงในขั้นตอนการทำงาน
  • การขายและการนำเสนอ: คำมั่นสัญญาเดียวกับเว็บไซต์: ขยายธุรกิจด้วยหลักฐานจากลูกค้า อย่าขัดแย้งกับจุดยืนทางการตลาดของคุณ
รากฐานของแบรนด์

อ็อตโต

อ็อตโตเป็นนาก: ที่ปรึกษาเชิงกลยุทธ์ด้าน AI และตัวละครประจำแบรนด์ของ Elevale เขาไม่ใช่โฆษกที่เป็นมนุษย์ เขาต้องเป็นตัวแทนของทางออก ไม่ใช่ปัญหา และต้องนำความชัดเจน พลังงาน และความสุขมาสู่ผู้คนอย่างมีจุดมุ่งหมาย

อ็อตโต้ ตัวนาก ที่ปรึกษาเชิงกลยุทธ์ด้าน AI และตัวละครประจำแบรนด์ของ Elevale

สิ่งที่อ็อตโตเป็นตัวแทน

ความชัดเจน พลัง และความสุข ไม่ใช่มาสคอต ไม่ใช่ของประกอบฉาก

เขาคือตัวแทนตัวละครของที่ปรึกษาเชิงกลยุทธ์ AI ของเรา: ตัวนากที่ทำให้คำแนะนำที่มีเหตุผลเข้าถึงได้ง่าย เขาเป็นคู่คิดที่เชื่อมโยงกับทิศทางเชิงกลยุทธ์ของคุณ OKR, KPI, วิกิ และบริบทของตลาด ทุกครั้งที่ปรากฏตัวควรแสดงให้เห็นถึงหนทางข้างหน้า: ข้อมูลสรุปที่ชัดเจนขึ้น อุปสรรคที่ได้รับการแก้ไข แรงผลักดันจากข้อมูลเชิงลึกไปสู่การลงมือทำ ไม่ใช่ความยุ่งเหยิงก่อนถึง Elevale

ในผลิตภัณฑ์

อ็อตโตคือที่ปรึกษาเชิงกลยุทธ์ด้าน AI ภายในแพลตฟอร์ม: ให้คำปรึกษาผ่านการแชทด้วยเสียงและการพิมพ์ มีการอ้างอิงถึงเป้าหมาย (G1 และ G0) แบบเรียลไทม์ และช่วยเปลี่ยนข้อมูลเชิงลึกให้เป็นทิศทาง เป้าหมาย และภารกิจที่ทันสมัย เขาเป็นที่ปรึกษาที่ทุกคนสามารถปรึกษาได้ ไม่ว่าจะเป็นคำถามเล็กหรือใหญ่ ให้คำแนะนำที่ใช้งานได้จริง มีเหตุผล และเชื่อมโยงกับข้อมูลในพื้นที่ทำงานเสมอ

ในด้านแบรนด์และการตลาด

บนเว็บไซต์และในช่องทางการสื่อสาร อ็อตโตจะปรากฏตัวเมื่อเขาสามารถสาธิตวิธีการแก้ปัญหาได้ เช่น การแนะนำศูนย์บัญชาการ การแสดงให้เห็นว่าความชัดเจนส่งผลอย่างไร หรือการส่งสัญญาณถึง AI ที่เข้าใจธุรกิจ เขาไม่ใช่แค่มาสคอตที่อยู่ขอบหน้ากระดาษ ไม่ใช่แค่ของประกอบฉากข้างๆ การโฆษณาชวนเชื่อที่ไร้สาระ เน้นที่จุดประสงค์เป็นหลัก

ในการรณรงค์หาเสียง

ในแคมเปญต่างๆ อ็อตโตสนับสนุนความชัดเจนเชิงกลยุทธ์ การดำเนินการ และ AI ที่อิงกับการทำงานจริง ไม่ใช่การสร้างเสียงหัวเราะหรือการทำให้ปัญหาเป็นเรื่องเป็นราว แสดงให้เห็นถึงทิศทางที่กำลังเกิดขึ้น การแก้ไขปัญหา หรือผู้นำได้รับคำตอบโดยไม่ต้องใช้แดชบอร์ดเพิ่มเติม เฉพาะงานศิลปะที่ได้รับการอนุมัติเท่านั้น

ติดต่อทีมงานเพื่อขออนุมัติ การนำ Otto ไปใช้ในรูปแบบใดก็ตาม ไม่ว่าจะเป็นเอกสารภายใน โฆษณาภายนอก สื่อสังคมออนไลน์ หรือสื่อสำหรับพันธมิตร ต้องได้รับการอนุมัติจากแบรนด์ก่อนเผยแพร่

แนวทางปฏิบัติ

นี้

  • ควรใช้ Otto เฉพาะเมื่อเขาเป็นตัวแทนของทางออก: ความชัดเจน คำแนะนำที่มีเหตุผล พลัง หรือแรงผลักดันจากความเข้าใจไปสู่การลงมือปฏิบัติ
  • รวมเขาไว้ด้วยเมื่อการเล่าเรื่องแบบ Elevale ต้องการแนวทางที่ชัดเจนในการหาคำตอบ: วิสัยทัศน์ หลักฐาน AI ที่เข้าใจธุรกิจของคุณ ไม่ใช่แค่เรื่องตลกเกี่ยวกับฟีเจอร์ที่กระจัดกระจาย
  • ให้เขาเป็นผู้จุดประกายความชัดเจน พลัง และความสุข มีไหวพริบ ตรงไปตรงมา และมั่นใจเหมือนเสียงของ Elevale ไม่ประชดประชัน ไม่สร้างความวุ่นวาย หรือทำตัวเป็นเด็ก
  • ใช้ภาพวาดของอ็อตโตที่ได้รับอนุญาตจากชุดภาพวาดของแบรนด์ ห้ามวาดใหม่ ระบายสีใหม่ หรือยืดตัวละคร
  • ควรให้ทีมแบรนด์เข้ามามีส่วนร่วมตั้งแต่เนิ่นๆ ในขั้นตอนการวางแผนแคมเปญ สินค้า หรือสื่อโซเชียล เพื่อให้การใช้งานเป็นไปอย่างมีเป้าหมาย

ไม่ใช่แบบนี้

  • อย่ามองว่าออตโตเป็นต้นเหตุของปัญหา ไม่ว่าจะเป็นความสับสน ความล้มเหลว ความโกลาหล หรือความทุกข์ยากแบบ "ก่อน Elevale" เขาแสดงให้เห็นถึงทางออก ไม่ใช่ความเจ็บปวด
  • อย่าปฏิบัติต่อเขาเหมือนมาสคอต ห้ามใช้ภาพตัดปะเป็นตัวละครประกอบ ห้ามยิ้มแย้มข้างข้อความที่เขาไม่สนับสนุน ห้ามใช้เป็นภาพพื้นหลังของแบรนด์
  • อย่าใช้เขาเป็นเพียงอุปกรณ์ประกอบฉาก อย่าถือป้ายเปล่าๆ ชี้ไปที่ข้อเสนอที่ไม่เกี่ยวข้อง หรือเติมเต็มพื้นที่ว่างเพราะคิดว่าการจัดวางดูโล่งเกินไป
  • อย่านำเขาไปใช้เป็นเพียงภาพประกอบ ภาพพื้นหลัง หรือของตกแต่งสไตล์อีโมจิที่ไม่มีข้อความใดๆ
  • อย่าใส่ข้อมูลของเขาไว้ในเอกสารทางเทคนิค หน้ากฎหมาย หรือบริบทที่ขัดแย้งกับตำแหน่งระดับผู้นำ
  • ห้ามสร้างท่าโพส เครื่องแต่งกาย หรือข้อความใหม่โดยไม่ได้รับอนุญาต แม้แต่สำหรับสไลด์ภายในก็ตาม
  • ห้ามเปลี่ยนแปลงรูปลักษณ์ สัดส่วน หรือการจับคู่กับโลโก้หรือเครื่องหมายของพันธมิตรที่ไม่ได้รับอนุญาต
โลโก้

กายวิภาคศาสตร์

ไปที่คลังโลโก้

lockup คือโลโก้ Elevale เริ่มต้น: logo mark และ wordmark อยู่ในไฟล์เดียวกัน strapline เป็นข้อความทางการตลาดที่แยกต่างหาก เราใช้มันบ่อยบนเว็บไซต์ แต่ไม่ได้เป็นส่วนหนึ่งของงานออกแบบ lockup

ส่วนต่างๆ ของโลโก้

ใช้ชื่อเหล่านี้อย่างสม่ำเสมอในเอกสารสรุปงาน เอกสารนำเสนอ และชุดอุปกรณ์ของแบรนด์ เมื่อเราพูดว่าโลโก้ Elevale เราหมายถึงโลโก้แบบรวมทุกองค์ประกอบ เว้นแต่ว่าเราจะขอเฉพาะเครื่องหมายโลโก้เพียงอย่างเดียว

ส่วนต่างๆ ของโลโก้
Elevale lockup: logo mark and wordmark
เครื่องหมายโลโก้
สี่เหลี่ยมสีชมพูและสีม่วงที่เชื่อมต่อกันทางด้านซ้าย
เวิร์ดมาร์ค
ชื่อ Elevale ใน Coolvetica Condensed ทางด้านขวา
คุก
โลโก้และตัวอักษรประกอบกัน นี่คือไฟล์โลโก้เริ่มต้น

สโลแกน

กลยุทธ์ที่ไม่เคยตาย

ตำแหน่งการวางทั่วไปบนฮีโร่

โดยปกติจะปรากฏอยู่เหนือหัวข้อข่าวหลัก อย่าใส่โลโก้นี้ในไฟล์โลโก้ที่ส่งออก เว้นแต่แบรนด์จะอนุมัติรูปแบบโลโก้ที่กำหนดเอง

ความหมายของโลโก้

โลโก้ประกอบด้วยสี่เหลี่ยมสองรูป วางเหลื่อมกันและเกี่ยวกัน ดูเหมือนเป็นส่วนประกอบที่แยกจากกันแต่เลือกที่จะมาบรรจบกัน ในจุดที่เคยมีช่องว่างระหว่างกลยุทธ์และการปฏิบัติ ระหว่างสิ่งที่ผู้นำพูดกับสิ่งที่ธุรกิจแสดงให้เห็น ตอนนี้ได้มีการเชื่อมต่ออย่างตั้งใจแล้ว ไม่ใช่ความเบลอ ไม่ใช่การครอบงำ แต่เป็นการเชื่อมต่อที่คุณมองเห็นได้

จุดที่ทับซ้อนกันคือจุดสำคัญ ขอบที่ใช้ร่วมกันนั้นคือที่อยู่ของ Elevale

จากความไม่ลงรอยสู่ความร่วมมือ

ตารางข้อมูลอยู่มุมหนึ่ง OKR อยู่มุมหนึ่ง บทวิจารณ์สร้างขึ้นจากผลส่งออกของเดือนที่แล้ว โลโก้เป็นสิ่งที่ตรงกันข้ามกับการเปลี่ยนแปลงนั้น: ระนาบสองระนาบที่เลื่อนเข้าหากันเพื่อให้ธุรกิจหยุดสร้างความขัดแย้งในตัวเองต่อสาธารณะ

รอยต่อคือศูนย์บัญชาการ

มุมส่วนกลางนี้ไม่ใช่เพียงแค่ของตกแต่ง แต่เป็นจุดเชื่อมต่อที่ซึ่งข้อมูลสรุป ตัวชี้วัด และการดำเนินการของทีมมาบรรจบกัน Elevale คือผลลัพธ์จากส่วนที่ทับซ้อนกันนั้น: พื้นผิวเดียวสำหรับกำหนดทิศทาง วัดผล และติดตามผล

เชื่อมโยงกัน ยังคงเคลื่อนไหว

การเยื้องศูนย์บ่งบอกถึงการเคลื่อนที่ไปข้างหน้าโดยไม่เกิดการชนกัน กลยุทธ์ไม่บดขยี้การดำเนินงาน ข้อมูลไม่กลบฝังคน สี่เหลี่ยมจัตุรัสเคลื่อนไปข้างหน้าด้วยกัน เหมือนกับลำดับความสำคัญที่ท้ายที่สุดแล้วดึงไปในทิศทางเดียวกัน

ระดับความสูง ณ จุดเชื่อมต่อ

Elevale ได้รับแรงผลักดันจากจุดเชื่อมต่อดังกล่าว การจัดวางตำแหน่งไม่ใช่แค่โปสเตอร์บนผนัง แต่เป็นช่วงเวลาที่องค์กรก้าวข้ามเสียงรบกวน เพราะเจตนาและหลักฐานมีขอบเขตเดียวกัน โลโก้มีขนาดเล็ก แต่แนวคิดนั้นไม่เล็ก

สีชมพูและสีม่วงในโลโก้

สีชมพูและสีม่วงต่างก็มีบทบาทในโลโก้ สีชมพูให้ความรู้สึกอบอุ่น: บ่งบอกถึงทิศทาง แรงผลักดัน และการตัดสินใจ สีม่วงให้ความรู้สึกเย็น: แสดงถึงหลักฐาน โครงสร้าง และข้อพิสูจน์ที่สามารถใช้เป็นแนวทางได้ ควรจัดวางสีทั้งสองไว้ในช่องสี่เหลี่ยมของตัวเอง โดยใช้ร่วมกันเฉพาะบริเวณขอบที่แสดงถึงเจตนาและหลักฐานเท่านั้น กฎ HEX, RGB และ UI อยู่ใน สีหลัก

  • สีชมพู

    ทิศทางและโมเมนตัม

    #E20F7A --pink

    สีม่วงแดงอบอุ่นที่เปี่ยมด้วยพลัง ในสัญลักษณ์นี้ สีนี้โดดเด่นสะดุดตา เช่นเดียวกับที่ผู้นำต้องระบุสิ่งที่สำคัญต่อไป

    Represents เจตนามาก่อนหลักฐาน: ธุรกิจกำลังมุ่งไปในทิศทางใด อะไรคือสิ่งที่ควรให้ความสำคัญ และพลังงานที่จะขับเคลื่อนไปข้างหน้า

    ในโลโก้ สีชมพูเป็นสีนำเรื่องราว ในส่วนติดต่อผู้ใช้ของผลิตภัณฑ์ สีชมพูคือสีที่แสดงถึงการกระทำ ได้แก่ ปุ่มหลัก สถานะสำคัญ และช่วงเวลาที่ต้องตัดสินใจอย่างชัดเจน

  • สีม่วง

    หลักฐานและโครงสร้าง

    #5270F5 --purple

    สีม่วงอมน้ำเงินที่สงบและลึกซึ้ง มันให้ความรู้สึกที่นุ่มนวลกว่าสีชมพูเล็กน้อย และสื่อถึงมิติ โครงสร้าง และความน่าเชื่อถือได้อย่างมั่นคง

    Represents สิ่งที่ธุรกิจสามารถแสดงให้เห็นได้: การสื่อสารแบบเรียลไทม์ (G0), การทำงานที่เชื่อมโยงกัน, โครงสร้าง และข้อมูลที่ใช้ในการชี้นำ ซึ่งผู้นำสามารถไว้วางใจได้

    ในโลโก้ สีม่วงช่วยเติมเต็มสิ่งที่สีชมพูเริ่มต้นไว้ ส่วนในส่วนติดต่อผู้ใช้ของผลิตภัณฑ์ สีม่วงใช้แสดงข้อมูลสำคัญ เน้นการนำทาง และเป็นส่วนที่ต้องการความชัดเจนมากกว่าการตกแต่ง

ขนาดและระยะห่าง

เว้นระยะห่างที่ชัดเจนเท่ากับความสูงของโมดูลมุมสีชมพูบนโลโก้ (20 พิกเซลในขนาดมาตรฐาน) ในทุกด้านของโลโก้

x = ความสูงของโมดูลมุมสีชมพูบนโลโก้ (20 พิกเซลในขนาดมาตรฐาน) เว้นระยะห่างอย่างน้อย x หนึ่งหน่วยในทุกด้านของโลโก้

พื้นที่ว่างขั้นต่ำ
โลโก้

ดาวน์โหลดไฟล์โลโก้และไฟล์ที่มีเฉพาะโลโก้หลักที่ได้รับอนุมัติแล้ว ใช้ไฟล์โลโก้และไฟล์ที่มีเฉพาะโลโก้หลักสำหรับการทำการตลาด ใช้ไฟล์โลโก้หลักเฉพาะในกรณีที่พื้นที่จำกัดและแบรนด์เป็นที่รู้จักอยู่แล้ว

ห้องขัง

เครื่องหมายโลโก้เท่านั้น

สำหรับไอคอนเว็บไซต์ ไอคอนแอป รูปประจำตัว และ UI ขนาดกะทัดรัด ไฟล์ไทล์แอปจะมีพื้นหลังสีอยู่แล้ว ห้ามตัดหรือเปลี่ยนสี

โลโก้

การใช้งาน

ใช้รูปแบบสีเต็มรูปแบบสำหรับพื้นหลังสีอ่อน และใช้รูปแบบสีเต็มรูปแบบสำหรับพื้นหลังสีเข้ม สำหรับภาพถ่ายหรือพื้นผิวที่มีรายละเอียดมาก ให้เพิ่มโอเวอร์เลย์สีทึบหรือเปลี่ยนไปใช้รูปแบบสีกลับด้านเพื่อให้เครื่องหมายยังคงอ่านได้ชัดเจน

ภูมิหลังที่ได้รับการอนุมัติ

แสงสว่าง
มืด

สิ่งที่ควรหลีกเลี่ยง

อย่าดึงหรือบิดเบี้ยว

อย่าเพิ่มเส้นขอบ

อย่าหมุนตัวล็อค

อย่าวางบนพื้นหลังที่รกและไม่มีความตัดกัน

ควรเว้นระยะห่างที่ชัดเจน

สี

สีหลัก

สีชมพูและสีม่วงใช้เป็นคู่กัน ไม่ใช่ใช้แทนกันได้ สีชมพูช่วยดึงดูดสายตาไปในทิศทางและการกระทำ ส่วนสีม่วงช่วยปกปิดความจริงในการดำเนินงาน สีกลางๆ เหล่านี้เหมาะสำหรับใช้ในส่วนติดต่อผู้ใช้ของผลิตภัณฑ์และการอ่านบทความยาวๆ

พวกเขาทำงานร่วมกันอย่างไร

ใช้สีชมพูเมื่อคุณต้องการสร้างแรงผลักดันหรือการกระทำหลัก ใช้สีม่วงเมื่อคุณต้องการแสดงโครงสร้าง ตัวชี้วัด หรือความน่าเชื่อถือผ่านข้อมูล การไล่ระดับสีจากชมพูไปม่วงใช้สำหรับฮีโร่และแบรนด์ระดับพรีเมียมเท่านั้น ดู การไล่ระดับสี

แบรนด์สีชมพู

สีชมพูของแบรนด์ ใช้สำหรับทิศทาง ปุ่มกระตุ้นการดำเนินการ (CTA) และกรอบสี่เหลี่ยมด้านหน้าในโลโก้ ห้ามปรับเปลี่ยนเฉดสีหรือความอิ่มตัวของสี

#E20F7A rgb(226 15 122) --pink

แบรนด์สีม่วง

สีม่วงของแบรนด์ หลักฐาน โครงสร้าง UI ของผลิตภัณฑ์ และสี่เหลี่ยมด้านท้ายในโลโก้ ห้ามปรับเปลี่ยนเฉดสีหรือความอิ่มตัวของสี

#5270F5 rgb(82 112 245) --purple

แสงสีชมพู

#FCE4F1 rgb(252 228 241) --pink-light

แสงสีม่วง

#EEF0FE rgb(238 240 254) --purple-light

มืด

#111318 rgb(17 19 24) --dark

สีดำ

#0A0A0A rgb(10 10 10) --black

สีขาว

#FFFFFF rgb(255 255 255) --white

สีขาวนวล

#F9FAFB rgb(249 250 251) --off-white

สี

การไล่ระดับสี

การไล่ระดับสีจะเปลี่ยนจากสีชมพูเป็นสีม่วง: หลักการเดียวกับโลโก้ แต่ทำให้ต่อเนื่องกัน ควรใช้การไล่ระดับสีอย่างพอเหมาะในส่วนที่เป็นส่วนหัวของภาพ ปุ่มกระตุ้นการดำเนินการ (CTA) และแถบการตลาดระดับพรีเมียม ห้ามใช้ทับซ้อนกับข้อความหลักเด็ดขาด

การไล่ระดับสีแบรนด์สีเข้ม

#0D1117 · rgb(13 17 23) #111827 · rgb(17 24 39) #1A1040 · rgb(26 16 64)

สีชมพูถึงสีม่วง

#E20F7A · rgb(226 15 122) #5270F5 · rgb(82 112 245)
การจัดพิมพ์

หน้าจอแสดงผล: คูลเวติกา คอนเดนซ์

ดาวน์โหลด Coolvetica

หัวข้อข่าว ชื่อเรื่องหลัก และป้ายกำกับส่วนต่างๆ ควรใช้ตัวพิมพ์เล็กทั้งหมดสำหรับการตลาด หลีกเลี่ยงการใช้ตัวพิมพ์ใหญ่ทั้งหมด ยกเว้นป้ายกำกับสั้นๆ

การดำเนินการเชิงกลยุทธ์ที่ชัดเจน

การจัดพิมพ์

เนื้อหา: ซาโตชิ

ดาวน์โหลด Satoshi

เนื้อหาหลัก ป้ายกำกับ UI และข้อความสนับสนุน น้ำหนักตัวอักษร 400, 500 และ 700 ได้รับการอนุมัติแล้ว

แพลตฟอร์มเดียวสำหรับกำหนดทิศทาง KPI, OKR และการประสานงานของทีม

ภาพ

การถ่ายภาพ

ภาพถ่ายมีความสำคัญควบคู่ไปกับ UI ของผลิตภัณฑ์ แผนภาพ และกราฟิกทางการตลาด เราใช้ภาพถ่ายในภาพหลักของแคมเปญ ภาพจำลอง UI ภาพบรรยากาศในที่ทำงานและทีม และภาพขนาดเล็กภายในหน้าจอแอป (ไทม์ไลน์ แผนผังองค์กร รายชื่อผู้รับมอบหมายงาน) ทุกภาพควรสนับสนุนกลยุทธ์และการดำเนินการโดยมีข้อความที่ชัดเจน สีของแบรนด์ และบริบทที่เหมาะสม

ที่ซึ่งการถ่ายภาพปรากฏขึ้น

การถ่ายภาพเพื่อการผลิตครอบคลุมถึง ภาพสำหรับแคมเปญ, แบบจำลอง UI, ภาพสถานที่ทำงาน, ภาพถ่ายทีม และ ภาพประจำตัว UI แต่ละประเภทมีกฎเกณฑ์เรื่องขนาดและแหล่งที่มาเฉพาะของตนเองตามที่ระบุไว้ในบัตรด้านล่าง รวมถึงรายการสั้นๆ ของสิ่งที่ไม่ควรจัดส่ง

แคมเปญและการเปิดตัวเชิงสร้างสรรค์

จับคู่บุคคลหรือตัวละครแบรนด์ที่ได้รับการอนุมัติกับฉากที่จัดองค์ประกอบอย่างลงตัว: การไล่ระดับสีหรือแถบสี หัวข้อ และ UI ของผลิตภัณฑ์อยู่ด้านหน้า ความอบอุ่นและความน่าเชื่อถือมาจากด้านมนุษย์ หลักฐานมาจากอินเทอร์เฟซ ส่วนเว้าส่วนโค้งอาจยื่นออกมาเหนือแถบสีได้หากยังคงอ่านได้ชัดเจน

ภาพจำลอง UI และฉากผลิตภัณฑ์

สร้างกราฟิก UI ที่มีสไตล์และฉากที่จัดวางอย่างลงตัว ไม่ใช่ภาพถ่ายของฮาร์ดแวร์ที่มีชื่อแบรนด์ (เช่น iPhone, MacBook หรือขอบจอของอุปกรณ์แบรนด์อื่นๆ) ใช้รูปทรงหน้าจอที่เป็นกลาง การ์ดแบบซ้อน หรือกรอบนามธรรม เพื่อให้ภาพไม่ล้าสมัยเมื่อผลิตภัณฑ์มีการอัปเดต จับคู่ภาพถ่ายกับ UI เมื่อช่วยเสริมเรื่องราว รักษาความชัดเจนของตัวอักษรและการ์ด ใช้ภาพต้นฉบับที่มีความละเอียดเต็ม อย่ายืดภาพที่ความละเอียดต่ำ

การถ่ายภาพสถานที่ทำงานและสำนักงาน

แสดงภาพสำนักงาน ห้องทำงาน และบรรยากาศการทำงานจริงสำหรับหน้าเกี่ยวกับเรา กลุ่มวัฒนธรรม อาชีพ และส่วนบรรณาธิการ เลือกใช้แสงธรรมชาติ พื้นที่ที่ดูเป็นธรรมชาติ และทีมงานที่หลากหลาย มากกว่าภาพสำนักงานสำเร็จรูปทั่วไป เพิ่มพื้นหลังสีทึบหรือสีไล่ระดับเมื่อข้อความอยู่บนภาพ

ภาพถ่ายทีมและผู้นำ

ใช้ภาพบุคคลที่ดูเข้าถึงง่ายและภาพกลุ่มเล็กๆ สำหรับการนำเสนอความเป็นผู้นำ การสร้างความน่าเชื่อถือทางสังคม และเนื้อหาที่เกี่ยวข้องกับพันธมิตร ควรเลือกเสื้อผ้าที่เป็นกลางหรือสอดคล้องกับแบรนด์ จัดองค์ประกอบภาพโดยใช้ UI ของผลิตภัณฑ์หรือหัวข้อข่าวเมื่อภาพนั้นสนับสนุนแคมเปญ ไม่ใช่ใช้เป็นภาพพื้นหลังแบบภาพบุคคลเพียงอย่างเดียว

อวตารในส่วนติดต่อผู้ใช้ของผลิตภัณฑ์

ใช้ภาพบุคคลที่ตัดแต่งแล้วในขนาดเท่ากับรูปประจำตัว (ประมาณ 24–40 พิกเซล) ในไทม์ไลน์ แผนผังองค์กร รายชื่อผู้ได้รับมอบหมาย และแถวแสดงหลักฐานทางสังคม ใช้เฉพาะภาพประจำตัวที่ได้รับอนุมัติจากชุดอุปกรณ์ของแบรนด์ในขนาดนี้เท่านั้น ห้ามขยายขนาดไฟล์รูปประจำตัวสำหรับฮีโร่หรือกลุ่มแคมเปญเด็ดขาด

ห้ามใช้

ภาพถ่ายแบบสุ่ม ภาพจับมือ ภาพเต็มหน้าจอที่ไม่มีบริบทของผลิตภัณฑ์หรือข้อความ หรือภาพจำลองที่ล็อกไว้กับอุปกรณ์ของผู้บริโภคที่คุ้นเคย ควรจะอธิบายถึงแพลตฟอร์ม แสดงผลงานจริง หรือเสริมประเด็นหลัก หากไม่ทำเช่นนั้น ควรเลือกใช้ภาพกราฟิกหรือ UI แทน

องค์ประกอบภาพแบบแคมเปญ

รูปแบบการเปิดตัวและแคมเปญจะจับคู่บุคคลจริงหรือตัวละครของแบรนด์กับ UI การ์ดผลิตภัณฑ์บนพื้นหลังแบรนด์ที่โดดเด่น หัวข้อข่าวสื่อถึงคำมั่นสัญญา UI การ์ดสื่อถึงหลักฐาน และภาพถ่ายอาจยื่นเลยขอบด้านบน ในขณะที่ส่วนอื่นๆ จะอยู่ชิดขอบด้านล่างของแถบ

ตัวอย่างองค์ประกอบภาพ ใช้ภาพถ่ายที่มีความละเอียดสูงและได้รับอนุญาต หรือภาพตัดต่อแบรนด์ที่ได้รับอนุมัติในขนาดเต็มของแคมเปญ

คลังภาพอวาตาร์ (ขนาดแสดงผล UI)

ภาพที่ได้รับการอนุมัติสำหรับใช้ในการจำลองและส่วนติดต่อผู้ใช้ของผลิตภัณฑ์เท่านั้น แสดงผลในขนาดด้านล่าง สำหรับแคมเปญ สถานที่ทำงาน หรือกลุ่มทีมงาน โปรดจัดหาภาพถ่ายแยกต่างหากที่มีความละเอียดสูง

ผู้อำนวยการ
ผู้อำนวยการ
หัวหน้าฝ่ายปฏิบัติการ
หัวหน้าฝ่ายปฏิบัติการ
หัวหน้าฝ่ายการเงิน
หัวหน้าฝ่ายการเงิน
ผู้นำด้านกลยุทธ์
ผู้นำด้านกลยุทธ์

คุณภาพไฟล์และการส่งมอบ

ภาพถ่ายสำหรับแคมเปญ ภาพจำลอง สถานที่ทำงาน และภาพทีม ควรมีขนาดด้านยาวอย่างน้อย 1200 พิกเซลก่อนส่งออก ส่งเป็นไฟล์ WebP หรือ AVIF สำหรับเว็บ ไฟล์ชุดภาพอวาตาร์จะคงขนาดเล็กตามขนาดดั้งเดิม ขอให้ตรวจสอบแบรนด์ก่อนนำภาพถ่ายไปผสมกับโลโก้ของพันธมิตรหรือทำการร่วมแบรนด์

ภาพ

กราฟิกการตลาด

ทั่วทั้งเว็บไซต์ หน้าฟีเจอร์ และแคมเปญต่างๆ เราใช้การ์ดสไตล์ UI การซ้อนทับแบบนุ่มนวล และสีแบรนด์ที่เรียบง่าย เป้าหมายคือความลึกและความชัดเจน ไม่ใช่การตกแต่งเพื่อความสวยงามเพียงอย่างเดียว

การควบคุมเสียงรบกวน

ภาพหลักเพียงภาพเดียวต่อฮีโร่หรือแต่ละส่วนก็เพียงพอแล้ว ปล่อยให้ข้อความ ระยะห่าง และกลุ่มการ์ดที่เรียงซ้อนกันเพียงกลุ่มเดียวเป็นตัวเล่าเรื่อง หากทุกอย่างดูวุ่นวายเกินไป ก็จะไม่มีอะไรน่าสนใจ

สีสันที่ลงตัว

สีกลาง (ขาว ขาวนวล ตัวอักษรสีเข้ม) ใช้เป็นสีหลักในการจัดวาง สีชมพูและสีม่วงใช้เป็นสีเน้น: ขอบด้านบนของการ์ด เส้นในแผนภูมิ ป้าย และแถบไล่ระดับสีในส่วนสีเข้ม อย่าใช้สีไล่ระดับสีของแบรนด์ทั้งหมดในพื้นที่ขนาดใหญ่ที่อยู่ด้านหลัง UI ที่หนาแน่น

ความลึกซึ้งผ่านการซ้อนชั้น

ใช้การ์ดสองหรือสามใบวางซ้อนกันโดยให้เยื้องเล็กน้อย หมุนเล็กน้อย และมีเงาจางๆ การ์ดสองใบก็เพียงพอแล้วหากเรื่องราวไม่ซับซ้อน ควรเพิ่มใบที่สามเฉพาะเมื่อต้องการเพิ่มบริบท การ์ดใบหน้าสุดสื่อความหมายหลัก ส่วนการ์ดใบหลังๆ จะบอกรายละเอียดเพิ่มเติม

แผ่นซ้อนทับและแผงต่างๆ

วางภาพกราฟิกไว้ภายในแผงตัวอย่างหรือบนพื้นหลังที่ดูเรียบง่าย สำหรับภาพถ่ายหรือแถบสีเข้ม ให้เพิ่มเลเยอร์สีทึบหรือไล่ระดับสีเพื่อให้ตัวอักษรและการ์ดยังคงอ่านได้ชัดเจน การ์ดจะอยู่เหนือพื้นหลัง ไม่แย่งความโดดเด่นจากพื้นหลัง

ที่แนะนำ

ตัวอย่างที่มีการ์ดสูงสุดสามใบ: แต่ละชั้นมีชื่อเรื่องและคำแนะนำการใช้งานหนึ่งอย่าง การ์ดด้านหน้าสุดจะมีหัวข้อข่าว การ์ดด้านหลังจะมีสีอ่อนกว่าแต่ยังคงอ่านได้ ใช้สองใบเมื่อเพียงพอแล้ว

หลีกเลี่ยง

ตารางแบบเรียบๆ ที่มีการไล่ระดับสีฉูดฉาด รูปทรงที่แข่งขันกัน และบล็อกที่มีน้ำหนักเท่ากัน ทำให้ดูรกและลดทอนเรื่องราวของผลิตภัณฑ์ลง

Usage rules

  • ใช้การ์ดสองหรือสามใบในกองฮีโร่ ไม่ควรเกินสามใบ หยุดที่สองใบหากการเพิ่มชั้นที่สามไม่ได้เพิ่มบริบทใดๆ
  • ควรใช้สีกลางๆ ในส่วนภายในของการ์ดเป็นหลัก ใช้สีชมพูหรือสีม่วงเป็นสีเน้นเพียงจุดเดียวในแต่ละการ์ด (เช่น ขอบการ์ด จุด ลายเส้น หรือตราสัญลักษณ์)
  • สงวนการไล่ระดับสีชมพูไปม่วงเต็มรูปแบบสำหรับส่วนหัว (heroes), ปุ่มกระตุ้นการดำเนินการ (CTAs) และแถบสีเข้ม ดู การไล่ระดับสี และ สีหลัก
  • ควรใช้รูปแบบ UI ของผลิตภัณฑ์จริงสำหรับกราฟิกฟีเจอร์และหน้าแรกเท่าที่จะเป็นไปได้ ดู Product UI
  • สร้างภาพเคลื่อนไหวตอนเข้าด้วยการเคลื่อนไหวสั้นๆ แบบเหลื่อมเวลา (ค่อยๆ จางลงและยกขึ้นเล็กน้อย) ไม่ใช่การเคลื่อนไหวต่อเนื่อง ดู Motion
  • เมื่อวางไพ่ Otto หรือภาพถ่ายไว้ข้างๆ ไพ่ ให้เว้นระยะห่างระหว่างภาพกับไพ่ อย่าวางไพ่ชิดกันจนเกินไป
ภาพ

ส่วนติดต่อผู้ใช้ของผลิตภัณฑ์

ดาวน์โหลดชุดข้อมูลแบรนด์

เริ่มต้นจากหน้าจอแอป Elevale จริงและรูปแบบ UI ในภาพหน้าจอและกราฟิกการตลาด คุณอาจลดความซับซ้อน ครอบตัด หรือลบส่วนควบคุมรองออกเมื่อทำให้เห็นคุณค่าได้ชัดเจนยิ่งขึ้น ใช้สีกลางๆ ที่ดูสงบ ใช้สี Satoshi สำหรับข้อความ UI และใช้สีชมพูหรือสีม่วงเฉพาะในส่วนที่ผลิตภัณฑ์เน้นสถานะ แผนภูมิ และการกระทำจริงๆ เท่านั้น

อินเทอร์เฟซผู้ใช้จริงที่ถูกปรับให้เรียบง่ายเพื่อให้เข้ากับเนื้อเรื่อง

สร้างจากเค้าโครง รูปแบบ และส่วนประกอบดั้งเดิมของ Elevale สำหรับการตลาด คุณสามารถย่อส่วนอินเทอร์เฟซได้ เช่น ตัดแผงด้านข้างออก ตัดแถบนำทาง หรือซ่อนคุณสมบัติที่ไม่เกี่ยวข้องกับข้อความ เป้าหมายคือการอธิบายสิ่งที่สำคัญ ไม่ใช่การแสดงทุกปุ่มควบคุมบนหน้าจอ อย่าคัดลอก UI ไปวางในหน้าต่างเบราว์เซอร์แบบสุ่ม หรือเปลี่ยนสีเทมเพลตแดชบอร์ดทั่วไปเพื่อให้ดูเข้ากับแบรนด์

ระบุสีที่ใช้กับผลิตภัณฑ์

พื้นหลังจะเป็นสีขาวหรือขาวนวล สีชมพูและสีม่วงจะปรากฏบนรายการนำทางที่ใช้งานอยู่ ความคืบหน้า ชุดข้อมูลในแผนภูมิ ป้ายกำกับ และปุ่มหลักภายในแอป อย่าใช้การไล่ระดับสีที่ไม่ปรากฏใน UI จริงมากเกินไปในภาพหน้าจอ

มุ่งเน้นไปที่งานเดียวที่ต้องทำให้เสร็จ

กระชับกรอบการทำงานที่คุณกำลังอธิบายให้ชัดเจนยิ่งขึ้น เช่น ทิศทาง เป้าหมาย (G0) เป้าหมายย่อย (G1) หรือแดชบอร์ด ลบพื้นที่ว่าง โมดูลที่ไม่เกี่ยวข้อง และสิ่งรบกวนในส่วนติดต่อผู้ใช้ เพื่อให้ผู้ดูเห็นผลลัพธ์ที่ชัดเจนเพียงอย่างเดียว ไม่ใช่เห็นผลิตภัณฑ์ทั้งหมดในคราวเดียว

จับคู่กับขนาดกลาง

ภาพหน้าจอแบบเต็มรูปแบบในสไตล์สารคดีเหมาะสำหรับกรณีศึกษา เอกสาร และสไลด์นำเสนอการขาย สำหรับภาพเด่นบนเว็บไซต์ ควรเลือกใช้ภาพที่ตัดส่วนอย่างง่าย หรือกราฟิกแบบการ์ดซ้อนกันใน กราฟิกการตลาด เมื่อคุณต้องการรายละเอียดเพิ่มเติมโดยไม่ต้องแสดงแอปพลิเคชันทั้งหมด

บันทึกและส่งออก

  • บันทึกภาพจากสภาพแวดล้อมทดสอบหรือสภาพแวดล้อมการใช้งานจริง โดยใช้ข้อความและป้ายกำกับจริง ปรับแต่งหรือตัดส่วนติดต่อผู้ใช้เมื่อทำให้เห็นคุณค่าได้ชัดเจนยิ่งขึ้น อย่าเพิ่มโมดูลปลอม เบลอหรือปกปิดชื่อลูกค้าหากจำเป็น
  • ห้ามยืด บิดเบี้ยว หรือดัดมุมให้ต่างจากตัวผลิตภัณฑ์
  • คงไว้ซึ่งการใช้สีชมพูและสีม่วงในส่วนเน้นสีเดียวกับแอป (การนำทาง แผนภูมิ ปุ่มกระตุ้นการดำเนินการ) ดูรายละเอียดเพิ่มเติมได้ที่ สีหลัก
  • สำหรับภาพประกอบทางการตลาดที่ไม่มีภาพหน้าจอแบบเต็ม ให้ใช้การ์ด UI แบบเรียงซ้อนตาม ภาพกราฟิกทางการตลาด
  • ส่งออกไฟล์ด้วยความละเอียด 2 เท่า เพื่อให้ได้ภาพคมชัดสำหรับสไลด์และเว็บ ควรเลือกใช้ไฟล์ PNG หรือ WebP ที่ใช้สี sRGB
  • ภาพแคปเจอร์ที่ได้รับการอนุมัติล่าสุดอยู่ในชุดดาวน์โหลดแบรนด์ (brand kit) บน Google Drive หากไม่แน่ใจ โปรดขอสิทธิ์เข้าถึงก่อนเผยแพร่ภายนอก
รูปแบบ UI

รูปแบบ UI

ส่วนติดต่อผู้ใช้ (UI) ของผลิตภัณฑ์และการตลาดใช้รัศมี เงา และรูปแบบปุ่มร่วมกันจากระบบการออกแบบ

ใช้การกระทำหลักเพียงหนึ่งอย่างต่อมุมมอง บนพื้นผิวการตลาดที่มีสีอ่อน ให้ใช้ควบคู่กับการกระทำรองที่เป็นข้อความหรือปุ่มที่มีเส้นขอบ ควรใช้ปุ่มแบบโปร่งแสงเฉพาะกับพื้นหลังสีเข้มเท่านั้น

CTA หลัก
คู่ตัวละครหลัก (ตัวละครหลัก + ข้อความประกอบ)
โครงร่างรอง (พื้นผิวสีอ่อน)
ผี (เฉพาะพื้นผิวสีเข้ม)
รัศมีขนาดกลาง (12 พิกเซล)
เงาของการ์ด
ไอคอนิกส์

ไอคอนิกส์

Elevale ใช้ไอคอนแบบเส้นขอบ Lucide ในหน้าการตลาด ส่วนแสดงคุณสมบัติ และแบบจำลอง UI ไอคอนตระกูลเดียว ความหนาของเส้นเดียว และขนาดเล็ก ทำให้การนำทางและการ์ดต่างๆ สามารถมองเห็นได้อย่างชัดเจน

หลักการ

ลูไซด์เท่านั้น

ใช้ไอคอนจากชุด Lucide (ผ่านทางฐานข้อมูลไอคอนของเว็บไซต์ของเรา) ห้ามผสมไอคอน Feather, Font Awesome, อีโมจิ หรือไอคอนภาพประกอบที่ออกแบบเองในพื้นที่เดียวกัน

น้ำหนักโครงร่าง

ไอคอนเส้นควรมีความหนา 1.5–2px บนผืนผ้าใบขนาด 24px ห้ามใช้เส้นบาง (<1.5px) หรือเส้นหนา (>2px) และห้ามผสมสัญลักษณ์ที่เติมสีกับสัญลักษณ์เส้นขอบ Lucide ในแผงเดียวกัน

สีขาวดำ

สำหรับ UI สีอ่อน ให้ใช้ สีชมพูหรือม่วงของแบรนด์ หรือสีเทากลางที่เป็นกลางสำหรับองค์ประกอบรอง ส่วนใน UI ที่มีการไล่ระดับสีและแถบสีเข้ม ไอคอนจะเปลี่ยนเป็นสีขาว

ความหมายแรก

เลือกไอคอนที่ช่วยเสริมความหมายของป้ายกำกับ (เป้าหมายสำหรับเป้าหมายหลัก แผนภูมิสำหรับเป้าหมายย่อย ผู้ใช้สำหรับทีม) หากไอคอนไม่ช่วยให้ข้อความชัดเจนขึ้น ให้ตัดไอคอนนั้นออกไปแทนที่จะตกแต่งเพิ่มเติม

มาตราส่วนขนาด

ควรใช้ขนาด 16, 20 และ 24 พิกเซล การ์ดข้อมูลทางการตลาดอาจใช้ขนาด 28 พิกเซลเพื่อเน้นความสำคัญ อย่าสร้างขนาดเฉพาะขึ้นมาเอง

16px เมตาแบบอินไลน์ ตารางหนาแน่น ชิป
20 พิกเซล ปุ่มเสริม, แถบนำทางแบบกะทัดรัด, แถวรายการ
24px ส่วนติดต่อผู้ใช้เริ่มต้น, การ์ดคุณสมบัติ, ไอคอนนำทางหลัก

สีบนพื้นผิว

อินเทอร์เฟซผู้ใช้แบบเบา สีชมพูหรือสีม่วงบนพื้นสีขาว/ขาวนวล
การไล่ระดับสีของแบรนด์ ไอคอนสีขาวบนแถบสีชมพูม่วง
มัธยมศึกษา สีเทากลางใช้สำหรับเส้นสนับสนุน ไม่ใช่ปุ่มกระตุ้นการดำเนินการหลัก (CTA)

ตำแหน่งที่ไอคอนปรากฏ

  • การนำทาง จับคู่ไอคอนนำทางหลักทุกไอคอนกับป้ายข้อความที่มองเห็นได้ โดยใช้ขนาดและสีเดียวกันสำหรับทุกรายการในกลุ่ม
  • บัตรการตลาด หนึ่งไอคอนต่อหัวข้อการ์ด (ปัญหาหลัก ประโยชน์ หลักการสำคัญ) รูปแบบเริ่มต้นบนเว็บไซต์ elevale.com คือการใช้สีชมพูเป็นพื้นหลังสีขาว
  • ผลิตภัณฑ์และแบบจำลอง แถบด้านข้าง แท็บ และแถวสถานะในแบบจำลองฟีเจอร์จะใช้ไอคอนขนาด 20–24 พิกเซล พร้อมป้ายกำกับหรือข้อความประกอบ ไอคอนสถานะอาจใช้สีเขียวสำหรับแสดงความสำเร็จ ห้ามใช้สีรุ้งเด็ดขาด
  • ใช้สำหรับตกแต่ง หลีกเลี่ยงการใช้ไอคอนเป็นภาพพื้นหลัง หากไอคอนนั้นเป็นเพียงแค่ของประดับตกแต่งและไม่ได้เกี่ยวข้องกับเนื้อหา ให้ลบออก

คลังไอคอน

ชื่อ Lucide ทุกชื่อที่ลงทะเบียนไว้ในเว็บไซต์การตลาด ค้นหาแล้วคัดลอกชื่อเพื่อนำไปปรับปรุงงานออกแบบ หรือเลือกใช้ตัวอย่างชื่อสำเร็จรูปสำหรับบล็อก Astro และ Webflow ได้

67 ไอคอนในรีจิสทรี

ดูตัวอย่างสี (ไอคอนทั้งหมด)
activity
arrow-right
audit
award
badge-check
bar-chart-3
book-open
bot
brief
briefcase
building-2
calendar
calendar-check
check
check-circle
check-square
circle-check
clock
compass
credit-card
dashboard
eye
file-check
file-text
globe
graduation-cap
handshake
headphones
heart
heart-handshake
history
key-round
kpi
layers
layout-dashboard
layout-grid
link
link-2
list-todo
lock
map
map-pin
message-square
network
palette
percent
privacy
progress
roles
route
scroll-text
settings
share-2
shield
shield-check
sliders-horizontal
sparkles
target
tasks
team
trending-down
trending-up
user-plus
users
wallet
x
zap

สม่ำเสมอ

โครงร่าง Lucide สีเดียว ขนาดตามมาตราส่วน ระบุป้ายกำกับเมื่อใช้เป็นแถบนำทาง

หลีกเลี่ยง

ไอคอนที่มีตระกูลผสมกัน, สัญลักษณ์ที่เติมสี, สีรุ้ง หรือไอคอนที่ไม่มีป้ายกำกับบนแถบนำทางหลัก

ทำ

  • ใช้รูปแบบเส้นขอบเดียวต่อพื้นผิว (เฉพาะไอคอนเส้นของ Lucide เท่านั้น)
  • จับคู่ไอคอนกับข้อความในแถบนำทาง ปุ่มหลัก และการ์ดแสดงคุณสมบัติ
  • ควรใช้สีชมพู สีม่วง สีขาวไล่ระดับ หรือสีเทาที่เป็นกลางของแบรนด์ ไม่ใช่สีที่สุ่มเลือกมา
  • ใช้ขนาด 16, 20 หรือ 24 พิกเซล (ขนาด 28 พิกเซลเหมาะสำหรับงานเน้นการตลาดขนาดใหญ่เท่านั้น)
  • ลงทะเบียนไอคอน Astro ใหม่ในรีจิสทรีของ Lucide ก่อนใช้งาน บล็อก Webflow บนหน้าแรกใช้ชื่อ data-lucide ที่ตรงกัน

อย่า

  • ห้ามผสมชุดไอคอนแบบเติมสี ป้ายทึบ หรืออีโมจิ กับเส้นขอบของ Lucide
  • ห้ามกำหนดสีที่แตกต่างกันให้กับไอคอนแต่ละไอคอนในแถวเดียวกันหรือในตารางการ์ดเดียวกัน
  • ห้ามใช้ไอคอนเพียงอย่างเดียวในการนำทางหลักหรือปุ่มกระตุ้นการดำเนินการที่สำคัญโดยไม่มีป้ายกำกับ
  • อย่าใช้ไอคอนเดียวกันซ้ำสามครั้งในหน้าต่างแสดงผลเดียวกันเพื่อการตกแต่ง
  • ห้ามวาดเส้นทางของ Lucide ใหม่ เพิ่มเงา หรือบิดเบี้ยวไอคอนเพื่อเลียนแบบภาพสามมิติ

กฎการใช้งาน

  • ใช้ไอคอนสีเดียวบน UI สีอ่อน ใช้สีขาวบน การไล่ระดับสีของแบรนด์ และพื้นหลังแอปสีเข้ม
  • จับคู่ไอคอนกับป้ายกำกับสำหรับการนำทางหลักและปุ่มกระตุ้นการดำเนินการหลัก (CTA)
  • ห้ามผสมชุดระบายสีและชุดวาดเส้นขอบบนพื้นผิวเดียวกัน
  • ปรับขนาดไอคอนให้เหมาะสมกับข้อความ: 16 พิกเซลสำหรับคำบรรยายภาพ, 20-24 พิกเซลสำหรับเนื้อหาและหัวข้อ
  • ใช้ aria-hidden="true" กับไอคอนตกแต่ง เนื่องจากข้อความที่อยู่ติดกันมีความหมาย
  • การ์ดแสดงข้อดีและข้อเสียทางการตลาด: ไอคอนหนึ่งอันในส่วนหัว สีชมพูบนพื้นขาว ดูระยะห่างของ กราฟิกการตลาด
  • รูปแบบ UI ของผลิตภัณฑ์สำหรับปุ่มและการ์ดอยู่ใน UI patterns; ไอคอนมีรัศมีและความหนาแน่นเดียวกัน
  • ขอให้ตรวจสอบแบรนด์ก่อนเริ่มแคมเปญร่วมกับพันธมิตรที่ใช้ไอคอน หรือสร้างภาพสัญลักษณ์แบบกำหนดเองนอกแพลตฟอร์ม Lucide
การเคลื่อนไหว

การเคลื่อนไหว

Elevale ใช้การเคลื่อนไหวทั่วทั้งเว็บไซต์การตลาดและผลิตภัณฑ์: การเคลื่อนไหวของภาพหลัก การเปิดเผยภาพเมื่อเลื่อนเมาส์ การแสดงสถานะเมื่อวางเมาส์เหนือภาพ การ์ดที่จัดเรียงแบบเหลื่อม และ GIF ที่เพิ่มความอบอุ่นและอารมณ์ขัน การเคลื่อนไหวควรดึงดูดความสนใจและเสริมความชัดเจน ไม่ควรแย่งความสนใจจากข้อความ

หลักการ

มีเป้าหมาย

แอนิเมชั่นทุกชิ้นตอบคำถามว่า อะไรเปลี่ยนแปลงไป อะไรคือสิ่งสำคัญต่อไป หรืออะไรประสบความสำเร็จ หากภาพเคลื่อนไหวไม่ช่วยให้ผู้ชมรับรู้ เข้าใจ หรือเฉลิมฉลองได้ ก็ควรลบออกไป

ถูกจำกัด

ควรมีการเคลื่อนไหวที่เน้นจุดสนใจเพียงจุดเดียวต่อหนึ่งวิวพอร์ต หลีกเลี่ยงการวนซ้ำที่วุ่นวาย การใช้พารัลแลกซ์โดยไม่จำเป็น หรือการกระเด้งขององค์ประกอบหลายๆ อย่างพร้อมกัน กราฟิกทางการตลาดใช้ความลึกอยู่แล้ว การเคลื่อนไหวจึงไม่ควรทำให้ข้อมูลมากเกินไป

จังหวะเวลาที่สม่ำเสมอ

ใช้ ease-out สำหรับการเข้า และ ease-in-out สำหรับการสลับใช้งาน การเปลี่ยนภาพ UI ส่วนใหญ่จะใช้เวลาอยู่ระหว่าง 200ms ถึง 400ms บรรยากาศโดยรวมของภาพหลักอาจใช้เวลานานกว่านั้น แต่ยังคงมีความนุ่มนวล

เคารพการเคลื่อนไหวที่ลดลง

ห่อลูปตกแต่งและการเคลื่อนที่แบบเลื่อนด้วย prefers-reduced-motion: no-preference การเปลี่ยนแปลงสถานะหลัก (เช่น การเปิดเมนู การโฟกัส) อาจยังคงมีการเคลื่อนไหวเล็กน้อยหรือหยุดนิ่งทันทีเมื่อผู้ใช้ร้องขอการเคลื่อนไหวที่ลดลง

จุดที่การเคลื่อนไหวปรากฏขึ้น

รูปแบบเหล่านี้ปรากฏอยู่ทั่วทั้งเว็บไซต์ elevale.com และหน้าฟีเจอร์ต่างๆ โปรดใช้รูปแบบเหล่านี้เมื่อขยายเว็บไซต์หรือสื่อประชาสัมพันธ์ของพันธมิตร

  • วีรบุรุษและผู้ปรากฏตัว พื้นหลังเบลออย่างนุ่มนวล แสงเรืองรองแบบไล่ระดับสี และการเน้นหัวข้อข่าวบนหน้าแรกและหน้า Landing Page หลัก ภาพเคลื่อนไหววนซ้ำช้าๆ ที่มีความถี่ต่ำ ทำให้รู้สึกมีชีวิตชีวาโดยไม่ดึงความสนใจไปจากปุ่ม Call to Action (CTA)
  • การนำทางและส่วนติดต่อผู้ใช้ การเปลี่ยนภาพพื้นหลังเมนูนำทาง สีลิงก์ และแถบเมนูย่อยบนมือถือ (~200–300 มิลลิวินาที) เมนูแบบดรอปดาวน์จะค่อยๆ จางหายและเลื่อนไป ปุ่มจะยกขึ้นเล็กน้อยเมื่อวางเมาส์เหนือปุ่มพร้อมกับการเปลี่ยนภาพสั้นๆ
  • ไพ่และกอง การไล่ระดับสีของการจางหายและการปรากฏขึ้นบนชุดการ์ดทางการตลาดและตารางคุณสมบัติ มีการหน่วงเวลาสั้นๆ ระหว่างการ์ดแต่ละใบ (ประมาณ 40–80 มิลลิวินาที) เพื่อให้เนื้อหาอ่านจากบนลงล่าง ไม่ใช่ปรากฏพร้อมกันทั้งหมด
  • เลื่อนและเปิดเผย ส่วนต่างๆ จะปรากฏขึ้นเมื่อปรากฏในพื้นที่แสดงผล: ค่าความทึบแสงและค่าการเลื่อนในแนวดิ่ง ไม่ใช่การเลื่อนในแนวนอน เชื่อมโยงการแสดงผลกับลำดับการอ่าน อย่าให้มีการแสดงผลซ้ำทุกครั้งที่มีการเลื่อนหน้าจอเล็กน้อย
  • ผลิตภัณฑ์และแบบจำลอง การจำลอง UI ของหน้าฟีเจอร์ใช้การเปลี่ยนแปลงสถานะอย่างแนบเนียน การสลับแท็บ และการตอบสนองแบบ GIF ที่สนุกสนานในแชทหรือเธรดงาน เมื่อ Otto อยู่ในโหมดเสียง <a href="#motion-voice-orb">AI voice orb</a> จะส่งสัญญาณว่ากำลังฟังและคิด ดูรายละเอียดเพิ่มเติมเกี่ยวกับวัตถุประสงค์และแอนิเมชั่นได้ในส่วนนั้น

การอ้างอิงเวลา

ไมโคร 150–200 มิลลิวินาที การวางเมาส์เหนือไอคอน วงแหวนโฟกัส การเลื่อนไอคอน
มาตรฐาน 200–400 มิลลิวินาที ปุ่ม, แผงควบคุม, การนำทาง, การวางเมาส์เหนือการ์ด
เน้น 400–600 มิลลิวินาที กริยาช่วย, การเปิดเผยข้อมูลขนาดใหญ่ (ควรใช้แต่พอประมาณ)
แอมเบียนต์ ต่อเนื่อง ลูกบอลเรืองแสงและแสดงอารมณ์ด้วยเสียง AI (ควบคุมด้วยเสียงภายในแอป)

ลูกบอลเสียง AI

เมื่อมีการสนทนากับอ็อตโตด้วยเสียง จะมีลูกบอลเรืองแสงสีอ่อนปรากฏขึ้นในแอป Elevale ลูกบอลนี้แสดงว่าการสนทนาสดอยู่และตอบสนองต่อเสียง ในขณะที่ข้อความถอดเสียงและคำตอบของอ็อตโตจะแสดงข้อความจริง

ภาพรวม

ในผลิตภัณฑ์นี้ วงกลมจะถูกวาดขึ้นแบบเรียลไทม์บนหน้าจอ (ไม่ใช่ไฟล์วิดีโอหรือภาพนิ่ง) มันเป็นภาพหลักสำหรับโหมดเสียง: สงบเมื่อไม่ได้ใช้งาน เคลื่อนไหวมากขึ้นเมื่อมีคนพูด และอบอุ่นขึ้นเมื่ออ็อตโตกำลังพูด มันไม่ใช่โลโก้ แผนภูมิ หรือเครื่องวิเคราะห์สเปกตรัมที่มีแท่งกราฟ

ปรากฏที่ไหน

มีการใช้ส่วนประกอบทรงกลมเดียวกันในสองเลย์เอาต์ ซึ่งควบคุมโดยเซสชันเสียงเดียวกัน:

  • เสียงเต็มหน้าจอ

    วงกลมขนาดใหญ่ (ประมาณ 320px) อยู่ตรงกลางหน้าจอเสียง การแตะที่วงกลมนี้สามารถขัดจังหวะการพูดของอ็อตโตได้

  • วิดเจ็ตลอย

    วงกลมขนาดเล็ก (ประมาณ 92px) อยู่ในชิปเสียงที่ย่อขนาดลง การแตะจะกลับไปยังมุมมองแชท ปุ่มปิดเสียงและวางสายอยู่เหนือวงกลมนั้น

สิ่งที่มันตอบสนอง

การเคลื่อนไหวเป็นไปตามเสียงจริงจากเซสชั่น ไม่ใช่ภาพเคลื่อนไหวแบบสุ่ม:

  • เสียงของคุณ ลูกกลมจะสว่างขึ้นและเคลื่อนที่ไปพร้อมกับไมโครโฟนขณะที่คุณพูด (ยกเว้นในกรณีที่ปิดเสียงไว้)
  • อ็อตโตพูด เมื่ออ็อตโตเล่นเสียงตอบกลับ ลูกบอลพลังงานก็จะตอบสนองต่อเสียงนั้นด้วย โดยจะมีการสั่นไหวเบาๆ เพิ่มเติม เพื่อให้ชัดเจนว่าผู้ช่วยกำลังพูดอยู่
  • ช่วงเวลาแห่งความสงบ ในระหว่างการใช้งาน ลูกบอลนั้นยังคงขยับเบาๆ ทำให้ UI ดูมีชีวิตชีวา แม้ในความเงียบ มันไม่ได้หายไประหว่างคำพูด
  • ไมโครโฟนปิดเสียง ระบบจะไม่สนใจสัญญาณไมโครโฟน โทนสีจะเปลี่ยนเป็นสีเทาอมดำที่เย็นลง ระลอกคลื่นและอนุภาคจะหยุดลง และไอคอนปิดเสียงจะปรากฏขึ้นบนลูกโลก
  • การประชุมสิ้นสุดลงแล้ว โหมดเสียงจะปิดลงหรือกลับสู่โหมดแชท ลูกบอลจะหยุดตอบสนองและไม่ควรกะพริบราวกับว่ายังมีการโทรอยู่

โครงสร้างทั่วไป

ลองนึกภาพทรงกลมนั้นเป็นแสงนุ่มนวลที่ซ้อนกันเป็นชั้นๆ ไม่ใช่ลูกบอลสามมิติแข็งๆ หรือการแสดงรูปคลื่น:

  • แสงเรืองรองภายนอก รัศมีสีพาสเทลกว้างรอบทรงกลม สีชมพูและสีม่วงอ่อนเมื่อใช้งาน และเป็นสีเทาอมเทาอ่อนเมื่อปิดไมโครโฟน
  • วงแหวนระลอกคลื่น วงแหวนอ่อนๆ จำนวนหนึ่งที่ขยายออกไปด้านนอก บ่งบอกถึงพลังงาน ไม่ใช่ความถี่เฉพาะเจาะจง
  • ทรงกลมหลัก ศูนย์กลางภาพดูเบลอๆ ไม่มีม่านตาหรือรูม่านตาที่คมชัด ขนาดภาพเปลี่ยนแปลงเล็กน้อยตามระดับเสียงเบสและพลังโดยรวม
  • เมฆชั้นใน กลุ่มสีที่อ่อนนุ่มลอยตัวอยู่ภายในทรงกลม ขณะที่โทนสีกลางและต่ำค่อยๆ สูงขึ้นและลดลง
  • อนุภาค มีอนุภาคขนาดเล็กจำนวนมากโคจรรอบจุดศูนย์กลาง โดยจะโคจรเร็วขึ้นเมื่อการสนทนามีความคึกคัก อนุภาคเหล่านี้เป็นเพียงส่วนประกอบตกแต่ง ไม่ใช่ข้อมูลเชิงสถิติ

หน้าฟีเจอร์บน elevale.com ใช้ CSS เวอร์ชันที่เรียบง่ายกว่าสำหรับภาพจำลองแบบคงที่ ส่วนไอคอนแอปแบบเรียลไทม์นั้นมีรายละเอียดมากกว่าและเชื่อมโยงกับไมโครโฟนและเสียงเล่นจริง

ตัวอย่างอ้างอิงของแบรนด์

สี

สีชมพูพาสเทลและสีลาเวนเดอร์เปล่งประกายผสมผสานจากสีหลักของแบรนด์ไปจนถึงสีขาว ไม่มีสีรุ้ง การเติมสีแบบเรียบ หรือขอบคม ในสภาวะที่ดูนุ่มนวลจะใช้เฉพาะสีเทาเข้มที่เป็นกลางเท่านั้น

ประสบการณ์ผู้ใช้และการเข้าถึง

  • ควรใช้ควบคู่กับข้อความเสมอ บันทึกการสนทนาสด ป้ายกำกับเซสชัน และคำตอบที่เป็นลายลักษณ์อักษรของอ็อตโตจะอยู่ข้างๆ ลูกโลก อย่าพึ่งพาภาพเคลื่อนไหวเพียงอย่างเดียว
  • โปรแกรมอ่านหน้าจอ ภาพวาดถูกซ่อนไว้จากอุปกรณ์ช่วยเหลือผู้พิการ หน้าจอสำหรับผู้ปกครองจะแจ้งสถานะ (เช่น ผู้ช่วยกำลังพูด ไมโครโฟนปิดเสียงอยู่)
  • การเคลื่อนไหวลดลง เมื่อผู้ใช้ต้องการให้การเคลื่อนไหวลดลง การเคลื่อนไหวก็จะช้าลงและราบรื่นขึ้น ลูกบอลอาจคงอยู่นิ่งๆ เรืองแสงอย่างสงบ แทนที่จะเคลื่อนไหวอย่างพลิ้วไหว

กฎ

  • ใช้ได้เฉพาะในแชทเสียงของ Otto เท่านั้น (แบบเต็มหน้าจอหรือแบบลอยตัว) ห้ามใช้กับฟีเจอร์ทางการตลาด เช่น ตัวโหลดข้อมูลทั่วไป หรือข้อความแสดงข้อผิดพลาด
  • ห้ามนำทรงกลมไปทำเป็นแผนภูมิแท่ง โลโก้ หรือสติ๊กเกอร์มาสคอต ห้ามใส่ตัวเลขหรือป้ายกำกับใดๆ ภายในทรงกลม
  • รักษาขนาดแบบเต็มหน้าจอและแบบลอยตัวให้สม่ำเสมอ (ประมาณ 320px และ 92px) อย่าสร้างขนาดทรงกลมใหม่โดยไม่ผ่านการตรวจสอบการออกแบบผลิตภัณฑ์
  • สถานะปิดเสียงต้องชัดเจน: สีเย็นลง ไม่มีอนุภาค มีไฟแสดงสถานะปิดไมโครโฟน พร้อมข้อความระบุว่าไมโครโฟนถูกปิดเสียง
  • ภาพจำลองทางการตลาดอาจทำให้ลูกโลกนั้นดูเรียบง่ายขึ้น อย่าสัญญาถึงเอฟเฟกต์พิเศษในโฆษณาที่แอปนั้นไม่มีให้ใช้งานจริง

ลักษณะและโทนเสียงสำหรับการแสดงสดของอ็อตโต อ็อตโต.

ตัวอย่างการเคลื่อนไหวของ UI

เลื่อนเมาส์ไปที่การ์ดและปุ่มเพื่อดูรายละเอียดการผ่อนคลายและระยะเวลาโดยทั่วไป

การใช้งาน GIF

GIF คือสิ่งที่ทำให้ Elevale รู้สึกเหมือนเป็นคนจริงๆ ไม่ใช่แค่โบรชัวร์ของบริษัท: การเฉลิมฉลองในผลิตภัณฑ์ ปฏิกิริยาในแชท และภาพเคลื่อนไหวตลกๆ ในงานการตลาด ใช้ GIF เมื่อช่วงเวลานั้นต้องการความอบอุ่นหรือรอยยิ้ม ยังคงความสุภาพและสอดคล้องกับแบรนด์ แต่ไม่แข็งทื่อจนเกินไปเพื่อที่จะดู 'จริงจัง'

ช่วงเวลาดีๆ สำหรับทำ GIF

  • การเฉลิมฉลองชัยชนะ: OKR ความก้าวหน้า การทำภารกิจสำเร็จ ความสำเร็จของทีม หรือฮีโร่ที่สมควรได้รับการปรบมือชื่นชม
  • การตอบสนองภายในส่วนติดต่อผู้ใช้ของผลิตภัณฑ์: การแชท ความคิดเห็น หรือกระทู้ให้คำปรึกษา ซึ่งการใช้ลูปสั้นๆ จะเพิ่มอารมณ์ขันหรือให้กำลังใจ
  • ส่วนการตลาดที่แสดงผลลัพธ์ที่แท้จริง (ความชัดเจน ความก้าวหน้า การบรรเทาความทุกข์) พร้อมเรื่องราวที่มีเอกลักษณ์ ไม่ใช่แค่ภาพรอยยิ้มแบบสำเร็จรูปทั่วไป

GIF แสดงการเฉลิมฉลองและปฏิกิริยาที่ได้รับอนุมัติจะรวมอยู่ในไฟล์ภาพของเว็บไซต์และชุดแบรนด์ หากต้องการเพิ่ม GIF ใดๆ โปรดติดต่อทีมแบรนด์ เรายินดีรับ GIF แบบวนซ้ำที่สนุกสนาน แต่ยังคงให้ความรู้สึกแบบ Elevale อย่างชัดเจน

ตรงตามแบรนด์

เลือกภาพ GIF จากคลังภาพที่ได้รับการอนุมัติ มีโทนสนุกสนานหรือรื่นเริง สนับสนุนข้อความ และมีขนาดไฟล์ที่เหมาะสม

ไม่อนุญาต

วัฒนธรรมมีมที่มีเนื้อหาขัดแย้ง การเมือง หยาบคาย หรือไม่เกี่ยวข้องกับเรื่องใดๆ ห้ามมีภาพที่น่าตกใจ รุนแรง หรือล่อลวง

ทำ

  • เลือก GIF ที่ให้ความรู้สึกสดใส สนุกสนาน และเป็นธรรมชาติ เหมือนเพื่อนร่วมทีมกำลังฉลองกัน ไม่ใช่สไลด์โชว์ในห้องประชุม ความตลกขบขันเป็นสิ่งที่ดีเมื่อเหมาะสมกับสถานการณ์ แต่ควรหลีกเลี่ยงความจืดชืด แข็งทื่อ หรือความพยายามมากเกินไปในแบบ "มืออาชีพขององค์กร"
  • ควรใส่ GIF ในจังหวะที่ผู้คนกำลังมีความสุขอยู่แล้ว (เช่น การเฉลิมฉลอง การให้กำลังใจ การทำสำเร็จ) ไม่ใช่ใส่เป็น GIF แบบสุ่มๆ เพื่อเติมเต็มช่องว่าง
  • ใช้ไฟล์จากชุดไฟล์ของแบรนด์หรือคลังไฟล์ของเว็บไซต์ที่ได้รับอนุมัติ ห้ามใช้ URL ที่ไม่รู้จักโดยตรง
  • ให้ถือว่า GIF ที่ใช้ตกแต่งเป็นเพียงภาพนิ่ง: ใส่คำอธิบายภาพ (alt) ว่างเปล่าเมื่อใช้เพื่อการตกแต่งเท่านั้น และอธิบายช่วงเวลาที่ GIF นั้นมีความหมาย
  • ควรเลือกใช้ลูปที่ปรับแต่งมาอย่างดี โหลดข้อมูลแบบ lazy-load ไว้ด้านล่างของหน้าจอ และหลีกเลี่ยงการแสดงไฟล์ GIF ขนาดใหญ่หลายไฟล์ในหน้าจอเดียวกัน

อย่า

  • ห้ามโพสต์เนื้อหาที่ก่อให้เกิดความขัดแย้ง แบ่งแยก หรือเป็นกระแสไวรัล แม้ว่าจะกำลังเป็นที่นิยมก็ตาม
  • ห้ามใช้คำพูดดูหมิ่นเหยียดหยาม ความคิดเหมารวม ความรุนแรง ภาพสยองขวัญ เนื้อหาทางเพศ หรือการทำให้ผู้อื่นอับอายขายหน้า
  • ห้ามทำการหาเสียงทางการเมือง ห้ามแสดงภาพการประท้วง หรือส่งข้อความที่เข้าข้างฝ่ายใดฝ่ายหนึ่ง
  • ห้ามใช้แสงวาบ แสงกระพริบ หรือแสงวนซ้ำเร็ว ๆ ที่จะรบกวนการอ่านหรือกระตุ้นความไวของสัญญาณ
  • ห้ามใช้ GIF ใหม่ในแคมเปญโฆษณาแบบเสียค่าใช้จ่าย สื่อของพันธมิตร หรืออีเมลโดยไม่ได้รับการอนุมัติจากแบรนด์
พันธมิตร

ในฐานะพันธมิตรหรือผู้แนะนำ คุณจะแนะนำ Elevale ให้กับกลุ่มเป้าหมายของคุณโดยใช้ชื่อและรูปลักษณ์อย่างเป็นทางการของเรา รักษาให้ Elevale เป็นที่จดจำได้ว่าเป็น Elevale (ไม่ใช่ข้อเสนอแบบไวท์เลเบลของคุณเอง) ใช้เนื้อหาที่ได้รับอนุมัติจากศูนย์กลางนี้ และขออนุมัติแบรนด์เป็นลายลักษณ์อักษรก่อนที่จะทำการตลาดแบบเสียค่าใช้จ่ายหรือแคมเปญที่มีการมองเห็นสูง

ไม่สามารถต่อรองได้

แตกต่างจากตัวแทนจำหน่าย พันธมิตรจะไม่ขายสินค้าภายใต้แบรนด์ของตนเอง หากคุณต้องการขายสินค้าภายใต้แบรนด์ของคุณเอง โปรดอ่าน ตัวแทนจำหน่าย หากคุณแชร์ Elevale กับเครือข่ายของคุณเท่านั้น ส่วนนี้จะใช้ได้กับคุณ

คุณต้อง

  • ใช้ไฟล์โลโก้ สี และแม่แบบจากชุดแบรนด์ brand kit หรือ logo library เท่านั้น ห้ามสร้างเครื่องหมายการค้าขึ้นใหม่
  • ใช้โลโก้แบบเต็มรูปแบบที่ได้รับการอนุมัติแล้วกับทุกชิ้นงาน จับคู่กับพื้นหลัง: ใช้สีเต็มรูปแบบบนพื้นผิวสว่าง ใช้โลโก้แบบเต็มรูปแบบบนพื้นผิวมืด หรือใช้แบบกลับสีบนพื้นผิวที่มีรายละเอียดมาก ดูรายละเอียดเพิ่มเติมได้ที่ การใช้งานโลโก้ และ พื้นที่ว่าง
  • โปรดปฏิบัติตาม การส่งข้อความ, น้ำเสียง และ ค่านิยมของแบรนด์ ห้ามกล่าวอ้างเกินจริง รับประกัน หรืออ้างคุณสมบัติใดๆ ที่เราไม่ได้เผยแพร่
  • ส่งทราฟฟิกผ่านลิงก์อ้างอิง Elevale ที่คุณได้รับมอบหมาย เพื่อให้การลงทะเบียนได้รับการระบุแหล่งที่มาอย่างถูกต้อง ห้ามใช้ URL ที่ถูกตัดทอนหรือเปลี่ยนเส้นทางเพื่อหลีกเลี่ยงการติดตาม
  • โปรดเปิดเผยความสัมพันธ์ในฐานะพันธมิตรหรือผู้แนะนำอย่างชัดเจนในทุกที่ที่กำหนด (เช่น สื่อโซเชียลแบบเสียเงิน, ส่วนท้ายอีเมล และบทความในบล็อก)
  • ส่งโฆษณาแบบเสียค่าใช้จ่าย หน้า Landing Page เวบินาร์ และอีเมลที่ร่วมมือกับแบรนด์เพื่อขออนุมัติเป็นลายลักษณ์อักษรจากแบรนด์ก่อนที่จะเผยแพร่จริง

คุณต้องไม่

  • ห้ามแก้ไข เปลี่ยนสี ใส่ภาพเคลื่อนไหว หมุน เพิ่มเส้นขอบ หรือจับคู่โลโก้กับเอฟเฟ็กต์ใดๆ ที่ไม่ได้ระบุไว้ในแนวทางเหล่านี้
  • ห้ามนำเสนอ Elevale ในฐานะแพลตฟอร์มของคุณเอง ห้ามลบชื่อของเรา หรือห้ามบอกเป็นนัยว่าคุณเป็นผู้สร้างหรือเป็นเจ้าของผลิตภัณฑ์นี้
  • ผลลัพธ์ ราคา การบูรณาการ หรือการปฏิบัติตามข้อกำหนดที่เรายังไม่ได้ยืนยันเป็นลายลักษณ์อักษร
  • ประมูลคำค้นหาแบรนด์ Elevale ในโฆษณาค้นหาโดยไม่ได้รับการอนุมัติเป็นลายลักษณ์อักษรล่วงหน้า
  • ใช้ Otto ในโฆษณา รูปภาพขนาดย่อ หรือสื่อโซเชียลโดยไม่ต้องขออนุญาต ดู Otto
  • เลียนแบบหรือบิดเบือนแบรนด์ของเราในลักษณะที่อาจทำให้ผู้คนสับสน อย่าพูด ออกแบบ หรือแสดงตนราวกับว่าเป็น Elevale ทีมงานของเรา หรือเจ้าของแพลตฟอร์ม อย่าบอกเป็นนัยว่าเรารับรองบริการนอกเหนือจากโปรแกรมแนะนำเพื่อน
  • สั่งทำภาพประกอบโลโก้ตามสั่ง ผสานโลโก้เข้ากับเทมเพลตของบุคคลที่สาม หรือใช้ภาพสต็อกที่มีลักษณะคล้ายกับโลโก้ของเรา

สินทรัพย์ที่ได้รับอนุมัติให้ใช้

ดึงองค์ประกอบจากชุดอุปกรณ์และศูนย์กลางของแบรนด์มาใช้ เมื่อไม่แน่ใจ ให้ใช้องค์ประกอบน้อยลงแทนที่จะดัดแปลงเอาเอง

  • โลโก้สีสันสดใส บนพื้นหลังสีเข้ม และแบบกลับด้าน (SVG/PNG) ใช้เฉพาะโลโก้ในพื้นที่จำกัดและแบรนด์เป็นที่รู้จักอยู่แล้ว
  • สีชมพู สีม่วง สีกลาง และสีไล่ระดับ ตามที่กำหนดไว้ใน สีหลัก และ สีไล่ระดับ ทุกประการ
  • นำหัวข้อข่าวและหลักฐานอ้างอิงจากศูนย์กลางนี้หรือจากเว็บไซต์การตลาดมาใช้ ห้ามคิดสโลแกนใหม่
  • ใช้สไลด์ ภาพประกอบสำหรับโซเชียลมีเดีย และส่วนหัวอีเมลจากชุดแบรนด์ (ถ้ามี) ขยายเค้าโครง แต่อย่าแก้ไขโลโก้ใหม่

การวางตำแหน่งพันธมิตรที่ถูกต้อง

Elevale โลโก้โดดเด่น ใช้สีที่ได้รับการอนุมัติ มีปุ่ม CTA ที่ชัดเจนเพื่อเชื่อมโยงไปยังลิงก์แนะนำของคุณ และเปิดเผยข้อมูลอย่างตรงไปตรงมา

ตัวอย่างที่ได้รับการอนุมัติ
ไม่อนุญาต

เปลี่ยนสีโลโก้ ตั้งชื่อผลิตภัณฑ์ใหม่ หรือนำแบรนด์ของคุณมาใช้แทนแบรนด์ของเราในโปรโมชั่น Elevale

ผู้เข้าร่วมโปรแกรมแนะนำลูกค้าควรปฏิบัติตามส่วนนี้สำหรับการกล่าวถึง Elevale ในที่สาธารณะ กฎของโปรแกรมและค่าคอมมิชชั่นอยู่ในหน้า โปรแกรมแนะนำ

การบังคับใช้กฎหมาย

Elevale อาจระงับหรือยุติการเข้าถึงของพันธมิตร ระงับค่าคอมมิชชั่น หรือขอให้ลบเนื้อหาที่ไม่เป็นไปตามข้อกำหนด การใช้งานในทางที่ผิดซ้ำๆ หรืออย่างร้ายแรงอาจยุติความสัมพันธ์ได้

โปรแกรมการส่งต่อ ขออนุมัติแบรนด์

พันธมิตร

ตัวแทนจำหน่ายที่ได้รับการอนุมัติจะใช้งาน Elevale ในฐานะผลิตภัณฑ์ของตนเอง ระบบไวท์เลเบลถูกรวมไว้แล้ว: โลโก้ สีหลัก และโดเมนของคุณจะปรากฏบนพื้นที่ทำงานของลูกค้าทุกราย โดยมีการแสดงแบรนด์ Elevale น้อยที่สุดในประสบการณ์การใช้งานของลูกค้า คุณเป็นศูนย์กลาง เราขับเคลื่อนแพลตฟอร์มอยู่เบื้องหลัง

ข้อดีของการใช้แบรนด์ของตัวเอง (White-label)

โปรแกรมตัวแทนจำหน่ายถูกสร้างขึ้นเพื่อความสัมพันธ์กับลูกค้าและกลยุทธ์การตลาดของคุณ ไม่ใช่เพื่อส่งเสริม Elevale ในฐานะแบรนด์หลัก

  • แสดงแพลตฟอร์มภายใต้ชื่อของคุณในการเข้าสู่ระบบของลูกค้า อีเมล และพื้นที่ทำงานทุกครั้ง
  • กำหนดราคาของคุณเองได้สำหรับแพ็คเกจ Foundation, Business และ Professional
  • ทำการตลาดและขายด้วยวิธีการของคุณ: กลยุทธ์, OKR, KPI และการรายงานทั้งหมดอยู่ในระบบเดียวที่มีแบรนด์เดียวกัน
  • เลือกโมดูลที่ลูกค้าจะได้รับ และเลือกว่าจะทำงานร่วมกับทีมของคุณหรือที่ปรึกษา AI ในตัว

คุณสามารถ

  • ใช้โลโก้ สีหลักของแบรนด์ และโดเมนที่กำหนดเอง (ตัวอย่างเช่น strategy.yourbrand.com) ในพื้นที่ทำงานของลูกค้าทุกราย
  • กำหนดราคาที่ลูกค้าเห็นและคงอัตรากำไรจากที่นั่งและการเติมเงินเข้ากระเป๋าเงิน AI ไว้ภายในข้อตกลงกับพันธมิตรของคุณ
  • อธิบายข้อเสนอดังกล่าวว่าเป็นสินค้าและบริการของคุณบนเว็บไซต์ ข้อเสนอ และเอกสารประกอบการขายที่มุ่งเป้าไปยังผู้มีโอกาสเป็นลูกค้าและลูกค้าปัจจุบัน
  • สร้างพื้นที่ทำงานแยกต่างหากสำหรับลูกค้าแต่ละราย โดยมีข้อมูล สิทธิ์การเข้าถึง และการเรียกเก็บเงินที่เป็นเอกเทศภายใต้แบรนด์ของคุณ
  • เปิดหรือปิดโมดูลแพลตฟอร์มสำหรับข้อเสนอของคุณ (OKR, แดชบอร์ด, วิกิ, แผนผังกระบวนการ, AI และอื่นๆ) จากแดชบอร์ดพันธมิตร
  • มอบหมายที่ปรึกษาที่เป็นมนุษย์จากทีมของคุณ หรือเปิดใช้งานที่ปรึกษาเชิงกลยุทธ์ AI สำหรับแต่ละพื้นที่ทำงาน โดยยังคงใช้ประสบการณ์การใช้งานภายใต้แบรนด์ของคุณ

คุณทำไม่ได้

  • อ้างถึงคุณสมบัติ ความปลอดภัย การปฏิบัติตามข้อกำหนด หรือผลลัพธ์ที่ผลิตภัณฑ์ไม่รองรับ หรือแนะนำว่า Elevale รับรองข้อความที่เราไม่ได้อนุมัติ
  • ห้ามแก้ไขแอปพลิเคชันนอกเหนือจากการตั้งค่าไวท์เลเบลที่รองรับ (ห้ามสร้างเวอร์ชันดัดแปลงเอง ห้ามทำการวิศวกรรมย้อนกลับ หรือลบข้อความแจ้งเตือนทางกฎหมายที่จำเป็นในคอนโซลของพาร์ทเนอร์)
  • ใช้ผลงานศิลปะของ Otto ในแคมเปญของลูกค้าภายนอกโดยไม่ต้องขออนุมัติจากแบรนด์ AI ในผลิตภัณฑ์จะถูกกำหนดค่าผ่านแพลตฟอร์ม การปรากฏตัวทางการตลาดเป็นไปตามกฎของ Otto
  • ห้ามนำโลโก้หรือสีขององค์กรไปใช้ในทางที่ผิด ซึ่งเป็นการละเมิดข้อตกลง (เช่น ความแตกต่างของสีที่ไม่ชัดเจน เครื่องหมายที่บิดเบี้ยว หรือการแอบอ้างเป็นองค์กรอื่น)
  • อนุญาตให้ผู้ขายรายอื่นใช้สิทธิ์ช่วงต่อหรือติดฉลากสินค้าโดยไม่ระบุชื่อแบรนด์ โดยไม่มีข้อตกลงเป็นลายลักษณ์อักษรกับ Elevale

ในส่วนของผลิตภัณฑ์เทียบกับวิธีการขายของคุณ

ลูกค้าจะเห็นแบรนด์ของคุณเฉพาะภายในพื้นที่ทำงานเท่านั้น ในการทำการตลาดและการขาย จงนำเสนอแพลตฟอร์มในฐานะผลิตภัณฑ์และวิธีการทำงานของคุณ ภายใต้ชื่อและภาพลักษณ์ของแบรนด์คุณ

พื้นที่ทำงานของลูกค้า (เฉพาะแบรนด์ของคุณ)
การตลาดของคุณ (แบรนด์ของคุณ ข้อเสนอของคุณ)

ตัวแทนจำหน่ายแบบไวท์เลเบลจะไม่ขายสินค้าในฐานะพันธมิตรของ Elevale การร่วมแบรนด์กับโลโก้ของเรามีเฉพาะในกรณีพิเศษที่ชื่อทั้งสองต้องปรากฏบนชิ้นงานเดียวกันเท่านั้น ดู การร่วมแบรนด์ หากกรณีดังกล่าวเกี่ยวข้อง มิเช่นนั้นอย่าใช้ Elevale ในสื่อที่ลูกค้าเห็นและสื่อการตลาด

เวลาเช็คอิน

คุณไม่จำเป็นต้องขออนุมัติสำหรับการกำหนดค่าไวท์เลเบลทั่วไปภายในคอนโซลพันธมิตร โปรดติดต่อ Elevale ก่อนทำการตลาดภายนอกใดๆ ที่กล่าวถึง Elevale โดยตรง ใช้ Otto หรือทำให้แบรนด์ของคุณกับแบรนด์ของเราไม่ชัดเจน

โปรแกรมตัวแทนจำหน่าย ติดต่อสอบถามเกี่ยวกับแบรนด์

พันธมิตร

การร่วมสร้างแบรนด์

เมื่อทั้ง Elevale และเครื่องหมายพันธมิตรปรากฏบนเนื้อหาเดียวกัน (ส่วนหัวของเว็บไซต์ สไลด์ แบนเนอร์กิจกรรม) ให้ใช้กฎการร่วมแบรนด์ พันธมิตรที่โปรโมต Elevale เพียงอย่างเดียวควรปฏิบัติตาม พันธมิตร ส่วนการโปรโมตแบบไวท์เลเบลสำหรับตัวแทนจำหน่ายนั้นแยกต่างหาก: ตัวแทนจำหน่าย

  • ความสูงขั้นต่ำของโลโก้พันธมิตร: 24 พิกเซล; รักษาความสมดุลของน้ำหนักภาพเมื่อวางโลโก้ควบคู่กัน
  • ใช้เส้นแบ่งแนวตั้งหรือเว้นระยะห่าง 24 พิกเซลระหว่างเครื่องหมาย ห้ามทับซ้อนกันเด็ดขาด
  • ห้ามแก้ไขสี Elevale หรือเพิ่มเอฟเฟ็กต์ใดๆ ให้กับเครื่องหมายทั้งสอง
ดาวน์โหลด

ชุดอุปกรณ์แบรนด์

ดาวน์โหลดโลโก้ ข้อมูลอ้างอิงสี และเทมเพลตจากโฟลเดอร์แบรนด์ที่เราใช้ร่วมกัน

ดาวน์โหลดชุดข้อมูลแบรนด์

สิ่งที่รวมอยู่ด้วย

  • ไฟล์โลโก้ (SVG, PNG): รูปแบบการจัดวางโลโก้ และแบบที่มีเฉพาะเครื่องหมายโลโก้
  • ข้อมูลอ้างอิงสีและแบบอักษร (Coolvetica Condensed และ Satoshi บน Google Drive)
  • เทมเพลตสำหรับการนำเสนอและโซเชียลมีเดีย
อ้างอิง

คำศัพท์เฉพาะ

คำจำกัดความโดยย่อของคำศัพท์ที่ใช้ในแนวทางเหล่านี้

คุก
ไฟล์โลโก้ฉบับสมบูรณ์: ประกอบด้วยโลโก้และชื่อโลโก้ นี่คือโลโก้ Elevale แบบเริ่มต้น สโลแกนไม่ได้รวมอยู่ในชุดนี้
เวิร์ดมาร์ค
ตัวอักษรโลโก้ “Elevale” ที่ใช้ฟอนต์ Coolvetica Condensed วางอยู่ข้างๆ โลโก้หลัก ไม่ควรใช้ตัวอักษรนี้เดี่ยวๆ ในสื่อภายนอก ควรใช้คู่กับโลโก้หลักในงานออกแบบภายใน
เครื่องหมายโลโก้
สี่เหลี่ยมสีชมพูและสีม่วงที่ไขว้กันอยู่ข้างโลโก้คำ หรือที่เรียกว่าสัญลักษณ์ในเอกสารเก่าๆ ควรใช้เดี่ยวๆ เฉพาะในพื้นที่แคบๆ เมื่อแบรนด์เป็นที่รู้จักแล้ว
สโลแกน
ข้อความสนับสนุนใต้โลโก้ในหน้าเว็บการตลาด เช่น “กลยุทธ์ที่ไม่เคยตาย” ตั้งค่าเป็นข้อความเนื้อหาหรือข้อความแสดงผลตามที่การออกแบบหน้าเว็บกำหนด ไม่ใช่ส่วนหนึ่งของงานศิลปะแบบล็อกอัพ
พื้นที่โล่ง
ระยะขอบขั้นต่ำรอบโลโก้ที่ไม่ควรมีข้อความ กราฟิก หรือขอบใดๆ รุกล้ำเข้ามา เพื่อให้โลโก้อ่านง่ายและไม่รกตา
x
หน่วยที่ใช้ในการวัดพื้นที่ว่าง: ความสูงของโมดูลมุมสีชมพูบนโลโก้ในขนาดมาตรฐาน (20 พิกเซล) ทุกด้านของโลโก้ต้องมีพื้นที่ว่างอย่างน้อย 1 เท่า
ล็อคอัพสีเต็มรูปแบบ
โลโก้เริ่มต้นบนพื้นหลังสีอ่อน: โลโก้สีเต็มรูปแบบพร้อมตัวอักษรสีเข้ม ห้ามใช้โลโก้นี้กับพื้นหลังที่มีการไล่ระดับสีของแบรนด์ หรือภาพถ่ายที่มีรายละเอียดมากโดยไม่มีการซ้อนทับ
ล็อกดาวน์ในที่มืด
สำหรับพื้นหลังสีเข้มทึบ: โลโก้สีเต็มรูปแบบพร้อมตัวอักษรสีขาว โลโก้ยังคงเป็นสีชมพูและม่วง มีเพียงตัวอักษรเท่านั้นที่เปลี่ยนเป็นสีขาว
ล็อกกลับด้าน
ชุดโลโก้และชื่อแบรนด์สีขาวล้วน เหมาะสำหรับการไล่ระดับสีของแบรนด์และ UI แอปสีเข้ม ใช้ชุดโลโก้นี้แทนชุดโลโก้สีเต็มรูปแบบในกรณีที่การไล่ระดับสีหรือพื้นหลังจะลดความคมชัดลง
การไล่ระดับสีของแบรนด์
การไล่ระดับสีชมพูไปม่วงแบบเส้นตรงอันเป็นเอกลักษณ์นี้ใช้กับส่วนหัวของโฆษณา ปุ่มกระตุ้นการดำเนินการ (CTA) และแถบพรีเมียม ห้ามวางโลโก้แบบสีเต็มรูปแบบบนพื้นหลังที่มีการไล่ระดับสีนี้ หากต้องการโลโก้ ให้ใช้โลโก้แบบกลับสีแทน
รูปแบบโลโก้
ไฟล์โลโก้ที่ได้รับการอนุมัติสำหรับพื้นหลังหรือกรณีการใช้งานเฉพาะ (ตัวอย่างเช่น สีเต็มรูปแบบ บนพื้นหลังสีเข้ม กลับด้าน หรือเฉพาะสัญลักษณ์โลโก้)
พันธมิตร
พันธมิตรที่แนะนำ Elevale โดยใช้สินทรัพย์แบรนด์อย่างเป็นทางการและระบบติดตามการแนะนำของเรา พันธมิตรจะต้องแสดง Elevale ในชื่อ Elevale และติดตามส่วนพันธมิตร (ไม่ใช่การใช้ชื่อแบรนด์ของเราเอง)
ไวท์เลเบล
การกำหนดค่าตัวแทนจำหน่ายที่แทนที่แบรนด์ Elevale ในผลิตภัณฑ์ของลูกค้าด้วยโลโก้ สีหลัก และโดเมนของพันธมิตร ลูกค้าจะได้สัมผัสประสบการณ์การใช้งานแพลตฟอร์มในฐานะข้อเสนอของพันธมิตร
การร่วมสร้างแบรนด์
การวางโลโก้ Elevale ไว้ข้างๆ เครื่องหมายพันธมิตรในสื่อการตลาดเดียวกัน เหมาะสำหรับเอเจนซี่และงานอีเวนต์ ไม่ใช่สำหรับพื้นที่ทำงานของลูกค้าตัวแทนจำหน่ายในชีวิตประจำวัน
ชุดอุปกรณ์แบรนด์
โฟลเดอร์ดาวน์โหลดส่วนกลางที่รวมโลโก้ ข้อมูลอ้างอิงสี เทมเพลต และไฟล์ที่เกี่ยวข้อง สามารถเข้าถึงได้จากส่วนดาวน์โหลดหรือ Google Drive
ประเภทการแสดงผล
Coolvetica เหมาะสำหรับใช้ในหัวข้อข่าวและเน้นการตลาด ควรใช้กับข้อความสั้นๆ ที่ดึงดูดความสนใจ ไม่ควรใช้ในย่อหน้ายาวๆ
รูปร่าง
Satoshi ใช้สำหรับข้อความ UI ย่อหน้า และตาราง โดยส่วนใหญ่จะใช้แสดงข้อมูลผลิตภัณฑ์และบทความยาวๆ บนเว็บไซต์
โทเค็นสี
ระบุสีแบรนด์ด้วยค่า HEX, RGB และค่าตัวแปร CSS (เช่น ชมพู ม่วง เข้ม) โทเค็นช่วยให้การออกแบบและโค้ดสอดคล้องกัน
อ็อตโต
ตัวละครนากของ Elevale และที่ปรึกษาเชิงกลยุทธ์ด้าน AI เขาเป็นตัวแทนของทางออก: ความชัดเจน พลังงาน และความสุขที่มีจุดมุ่งหมาย ไม่ใช่ปัญหา และไม่เคยเป็นมาสคอตหรืออุปกรณ์ประกอบฉาก
ค่านิยมของแบรนด์
หลักการที่ไม่สามารถต่อรองได้ของ Elevale ได้แก่ การสอดคล้อง ความชัดเจน หลักฐาน และการดำเนินการในระดับผู้นำ ซึ่งเป็นข้อมูลสำคัญในการพัฒนาผลิตภัณฑ์และการสื่อสาร
การส่งข้อความ
สิ่งที่เราสื่อสารกับตลาด: การวางตำแหน่งทางการตลาด กลุ่มเป้าหมาย คำมั่นสัญญา และหลักฐาน ซึ่งแสดงออกมาอย่างสม่ำเสมอในหัวข้อข่าว คำกระตุ้นการตัดสินใจ และเรื่องราวการขาย
น้ำเสียง
เราอธิบายอย่างไรดี: กฎการเขียนที่ชัดเจน เด็ดขาด และเข้าใจง่ายสำหรับเว็บไซต์ UI ผลิตภัณฑ์ และการขาย ไม่เหมือนกับการสื่อสาร แต่สร้างขึ้นจากคุณค่าเดียวกัน
อ้างอิง

คำถามที่พบบ่อย

คำตอบโดยย่อเกี่ยวกับการนำแบรนด์ Elevale ไปใช้ในสื่อการตลาด ผลิตภัณฑ์ และสื่อสำหรับพันธมิตร

ฉันควรใช้โลโก้แบบไหนดี?

ใช้ ชุดโลโก้สีเต็มรูปแบบ บนพื้นหลังสีขาวหรือสีขาวนวล สำหรับพื้นหลังสีเข้ม ให้ใช้ ชุดโลโก้บนพื้นหลังสีเข้ม (โลโก้สี ตัวอักษรสีขาว) สำหรับ UI แอปสีเข้มหรือพื้นที่ที่มีความคมชัดต่ำ ให้ใช้ ชุดโลโก้แบบกลับด้าน (สีขาวทั้งหมด) ดูรายละเอียดเพิ่มเติมได้ที่ ตัวเลือกต่างๆ และ การใช้งาน

ฉันสามารถใช้แค่โลโก้อย่างเดียวได้ไหม?

ใช้เฉพาะในกรณีที่พื้นที่จำกัดมากและแบรนด์เป็นที่รู้จักอยู่แล้ว เช่น favicon, ไอคอนแอปขนาดกะทัดรัด หรือการนำทางภายในผลิตภัณฑ์ที่ใช้กันทั่วไป สำหรับสไลด์ โฆษณา และเอกสาร ให้ใช้โลโก้แบบเต็ม ดู Variants

ฉันสามารถเปลี่ยนสี ใส่เส้นขอบ หรือบิดเบือนโลโก้ได้หรือไม่?

ไม่ค่ะ ห้ามเปลี่ยนสี เพิ่มเอฟเฟ็กต์ หมุน หรือยืดภาพโลโก้ ให้ใช้ไฟล์ที่ได้รับการอนุมัติจากชุดโลโก้ (brand kit) หรือคลังโลโก้ (logo library) แทนการแก้ไขภาพต้นฉบับ

ฉันต้องการพื้นที่ว่างมากแค่ไหน?

เว้นพื้นที่ว่างอย่างน้อย x ไว้ทุกด้าน โดยที่ x คือความสูงของโมดูลมุมสีชมพูบนโลโก้ (20px ในขนาดมาตรฐาน) ดูรายละเอียดเพิ่มเติมได้ที่ Anatomy และ glossary

ฉันสามารถใส่โลโก้ลงบนภาพถ่ายได้หรือไม่?

ใช่ ถ้าความแตกต่างของสีมากพอ เพิ่มพื้นหลังสีอ่อนหรือสีเข้มทึบไว้ด้านหลังโลโก้ หรือใช้โลโก้แบบกลับด้านบนพื้นที่มืด หลีกเลี่ยงพื้นหลังที่รกและไม่มีการแยกส่วนที่ชัดเจน ดู การใช้งาน

ฉันจะดาวน์โหลดไฟล์โลโก้ทางการได้จากที่ไหน?

ใช้ ดาวน์โหลด เพื่อเปิดชุดเครื่องมือสร้างแบรนด์ของ Google Drive (โลโก้ SVG และ PNG, ข้อมูลอ้างอิงสี และเทมเพลต) สำหรับโลโก้รุ่นล่าสุดเท่านั้น ให้ใช้ ไปที่คลังโลโก้ ในส่วน แบบต่างๆ

ฉันสามารถแสดง Elevale ข้างโลโก้ของพันธมิตรได้เมื่อใด

ใช้การร่วมแบรนด์เมื่อเครื่องหมายทั้งสองปรากฏอยู่บนสื่อการตลาดเดียวกัน (เว็บไซต์ สไลด์นำเสนอ งานอีเวนต์) รักษาน้ำหนักภาพให้เท่ากัน เว้นระยะห่างอย่างน้อย 24 พิกเซล หรือใช้เส้นแบ่ง และห้ามเปลี่ยนแปลงเครื่องหมายใดเครื่องหมายหนึ่ง ดู การร่วมแบรนด์ ตัวแทนจำหน่ายที่ส่งมอบผลิตภัณฑ์ไวท์เลเบลให้กับลูกค้าควรปฏิบัติตาม ตัวแทนจำหน่าย แทน

ตัวแทนจำหน่ายสามารถทำอะไรได้บ้างกับแบรนด์ Elevale?

ตัวแทนจำหน่ายสามารถใช้แบรนด์ของตนเอง (โลโก้ สี โดเมน) ในการทำการตลาดแพลตฟอร์มในฐานะข้อเสนอของตนเองได้ ห้ามแสดงแบรนด์ Elevale ให้กับลูกค้าปลายทาง คำแนะนำฉบับเต็มอยู่ใน ตัวแทนจำหน่าย หรือในหน้า โปรแกรมตัวแทนจำหน่าย

กฎใดบ้างที่ใช้กับพันธมิตรและผู้แนะนำ?

คุณต้องใช้ภาพและเสียงที่เป็นทางการของ Elevale, รูปแบบโลโก้ที่ได้รับการอนุมัติ, ข้อความที่สอดคล้องกับแบรนด์ และลิงก์ติดตามของคุณ คุณต้องไม่แก้ไขโลโก้, ทำการโปรโมตสินค้าหรือบริการโดยไม่ได้รับการอนุมัติ โปรดดูข้อกำหนดของบริษัทใน พันธมิตร และข้อกำหนดของโปรแกรมใน แนะนำเพื่อน

ฉันควรใช้ฟอนต์อะไรดี?

ใช้ฟอนต์ Coolvetica Condensed สำหรับหัวข้อข่าว และ Satoshi สำหรับเนื้อหาหลักและส่วนติดต่อผู้ใช้ (น้ำหนัก 400, 500, 700) ห้ามใช้ฟอนต์ที่คล้ายคลึงกันแทน ดาวน์โหลด Coolvetica และ Satoshi จาก Google Drive หรือดู Display และ Body

ฉันควรติดต่อใครเกี่ยวกับการขออนุมัติแบรนด์?

สำหรับแคมเปญ สินค้า หรือการใช้งานที่ไม่ได้ระบุไว้ในที่นี้ โปรดติดต่อ Elevale ผ่านทางหน้า ติดต่อ ก่อนเผยแพร่ โปรดแนบภาพจำลองและช่องทางที่ต้องการใช้งาน เพื่อให้เราสามารถยืนยันรูปแบบโลโก้และวิธีการร่วมแบรนด์ที่เหมาะสมได้

ฉันสามารถใช้ Otto ในงานการตลาดได้เมื่อไหร่?

เมื่อเขาเป็นตัวแทนของทางออก: ความชัดเจน พลัง ความสุข และคำแนะนำที่มีจุดมุ่งหมาย ไม่ใช่ปัญหา มาสคอต หรืออุปกรณ์ประกอบฉาก อ่าน Otto เพื่อดูบริบทและกฎการอนุมัติ จากนั้นติดต่อทีมแบรนด์ก่อนเผยแพร่ภายนอก