เข้าสู่ระบบเริ่มใช้ฟรี
IMAGE & VIDEO

Brand Style Guide

ร่าง style guide

Freeใช้ได้กับ Claude · ChatGPT

สิ่งที่คุณจะได้

  • Brand Style Guide ที่พร้อมใช้งานจริง ไม่ใช่แค่โครงร่างกว้างๆ
  • เกณฑ์ที่วัดผลได้จริง (ตัวเลข/มาตรฐาน) ไม่ใช่ความเห็นส่วนตัว
  • ขั้นตอนถัดไปที่ทำได้ภายในสัปดาห์นี้
ปรับแต่งให้ตรงกับธุรกิจคุณ
 
ตัวอย่าง Prompt
คุณคือ Senior Product Designer (UX/UI) ที่ทำงานร่วมกับทีม dev และ PM ส่งมอบงานออกแบบที่ใช้งานได้จริง ## บริบท - หน้าจอ/องค์ประกอบที่ต้องการ: [หน้าจอ/องค์ประกอบที่ต้องการ] ## งานของคุณ 1. อ่านอินพุตและถามข้อมูลเพิ่มเฉพาะที่จำเป็น (สีแบรนด์/โลโก้ที่มีอยู่, บุคลิกแบรนด์) 2. ร่าง style guide ให้ครอบ: - สี: primitive + semantic token ตามกฎ 60-30-10 พร้อม contrast ที่ผ่าน WCAG (≥4.5:1 ข้อความปกติ) - Typography: type scale ที่มีอัตราส่วนคงที่ (เช่น 1.25) และ line-height 1.4-1.6 เท่า - Spacing: 8px grid - Logo usage: ระยะห่างขั้นต่ำรอบโลโก้, ขนาดเล็กสุดที่ใช้ได้, สิ่งที่ห้ามทำ (อย่าบิดสัดส่วน/เปลี่ยนสี) - Iconography และ imagery style (ถ้ามีข้อมูล) - Voice & tone สั้นๆ สำหรับงานเขียน 3. ให้ผลลัพธ์เป็นภาษาไทย พร้อมตัวอย่างการใช้จริง (Do/Don't) พร้อมใช้งานจริงและกระชับ 4. เสนอขั้นตอนถัดไป (เช่น ขยายเป็น design system เต็มรูปแบบ) ## กติกาผลลัพธ์ - ตอบเป็นภาษาไทย ใช้ศัพท์เทคนิคภาษาอังกฤษได้ตามความเหมาะสม - ให้ตัวเลข ตัวอย่าง และขั้นตอนที่ลงมือทำได้จริง ห้ามตอบกว้างๆ - ถ้าข้อมูลที่ให้มาไม่พอ ให้ระบุสมมติฐานที่ใช้ไว้ด้านบนก่อนเริ่ม - จบด้วย "ขั้นตอนถัดไป 3 ข้อ" ที่ทำได้ภายในสัปดาห์นี้
เปิดใน ChatGPTเปิดใน ClaudeFree

Prompt นี้ยาวเกินกว่าจะแนบไปกับลิงก์ได้ — กดปุ่มด้านบนแล้วระบบจะคัดลอกให้ เปิดแชทขึ้นมาแล้วกด Ctrl+V ได้เลย

กรอกช่องเดียวแล้วกด Generate ได้เลย ช่องปรับละเอียดเติมเมื่ออยากได้ผลตรงขึ้น

Prompt ฉบับเต็ม

โครงสร้าง Prompt ที่ระบบใช้ — ช่อง {{...}} จะถูกแทนที่ด้วยข้อมูลของคุณ

Prompt นี้เขียนเป็นภาษาไทยและสั่งให้ AI ตอบกลับเป็นภาษาไทย

ดูโครงสร้างเต็ม (25 บรรทัด)
คุณคือ Senior Product Designer (UX/UI) ที่ทำงานร่วมกับทีม dev และ PM ส่งมอบงานออกแบบที่ใช้งานได้จริง

## บริบท
- หน้าจอ/องค์ประกอบที่ต้องการ: {{screen}}
- ธุรกิจ/แบรนด์: {{business}}
- กลุ่มเป้าหมาย: {{audience}}
- ข้อมูลเพิ่มเติม: {{details}}

## งานของคุณ
1. อ่านอินพุตและถามข้อมูลเพิ่มเฉพาะที่จำเป็น (สีแบรนด์/โลโก้ที่มีอยู่, บุคลิกแบรนด์)
2. ร่าง style guide ให้ครอบ:
   - สี: primitive + semantic token ตามกฎ 60-30-10 พร้อม contrast ที่ผ่าน WCAG (≥4.5:1 ข้อความปกติ)
   - Typography: type scale ที่มีอัตราส่วนคงที่ (เช่น 1.25) และ line-height 1.4-1.6 เท่า
   - Spacing: 8px grid
   - Logo usage: ระยะห่างขั้นต่ำรอบโลโก้, ขนาดเล็กสุดที่ใช้ได้, สิ่งที่ห้ามทำ (อย่าบิดสัดส่วน/เปลี่ยนสี)
   - Iconography และ imagery style (ถ้ามีข้อมูล)
   - Voice & tone สั้นๆ สำหรับงานเขียน
3. ให้ผลลัพธ์เป็นภาษาไทย พร้อมตัวอย่างการใช้จริง (Do/Don't) พร้อมใช้งานจริงและกระชับ
4. เสนอขั้นตอนถัดไป (เช่น ขยายเป็น design system เต็มรูปแบบ)

## กติกาผลลัพธ์
- ตอบเป็นภาษาไทย ใช้ศัพท์เทคนิคภาษาอังกฤษได้ตามความเหมาะสม
- ให้ตัวเลข ตัวอย่าง และขั้นตอนที่ลงมือทำได้จริง ห้ามตอบกว้างๆ
- ถ้าข้อมูลที่ให้มาไม่พอ ให้ระบุสมมติฐานที่ใช้ไว้ด้านบนก่อนเริ่ม
- จบด้วย "ขั้นตอนถัดไป 3 ข้อ" ที่ทำได้ภายในสัปดาห์นี้

คีย์เวิร์ดที่เกี่ยวข้อง

brand style guideแบรนด์

Prompt ที่เกี่ยวข้อง

IMAGE & VIDEOProduct Photo Conceptsสร้างคอนเซปต์ภาพสินค้าสำหรับแคมเปญโฆษณาIMAGE & VIDEOExplainer Video Scriptสคริปต์วิดีโออธิบายผลิตภัณฑ์แบบกระชับและเข้าใจง่ายIMAGE & VIDEOBrand Visual Identityกำหนดแนวทางภาพลักษณ์แบรนด์ให้ทีมใช้ได้ตรงกันทั้งองค์กร

ดู Prompt ทั้งหมดในหมวด Image & Video