การใช้กล่องสีจากสีหลัก H1

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

Accent: สีเสริมที่กลมกลืนกับ Primary ใช้เพิ่มความน่าสนใจ เช่น กล่องเน้นข้อความ หัวข้อรอง แถบเน้น หรือป้ายกำกับ

Soft Box: สีพื้นหลังอ่อน ใช้ในกล่องข้อความที่ต้องการให้ดูนุ่มนวล อ่านง่าย เช่นคำแนะนำ กล่อง info หรือ background เฉพาะจุด

Link Text: ใช้สำหรับลิงก์ข้อความในเนื้อหา เช่น “คลิกที่นี่” เพื่อให้ผู้ใช้เห็นลิงก์ชัดเจนและกลมกลืนกับธีม

Text on Button: ใช้สำหรับข้อความที่แสดงอยู่บนสีพื้นเข้ม เช่น บนปุ่ม หรือพื้นหลังที่ใช้สี Primary เพื่อให้ข้อความอ่านง่าย