◆ STYLE 2 ◆

สไตล์ราชการไทย

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

แนวคิดการออกแบบ

หลักการและปรัชญาของดีไซน์สไตล์ราชการไทย

🏛️

ความเป็นทางการ (Formal)

สะท้อนความเป็นหน่วยงานราชการ มีความน่าเชื่อถือ เหมาะสำหรับเอกสารและระบบงานราชการ

👑

สีหลวงและสีทอง (Royal Colors)

ใช้สีน้ำเงินหลวงและสีทองซึ่งเป็นสีที่แสดงถึงความเป็นสถาบันในประเทศไทย

🎨

ลวดลายไทย (Thai Patterns)

ใช้ลวดลายและองค์ประกอบที่สะท้อนศิลปะไทย เช่น ลายตาราง และกรอบตกแต่ง

📋

คุ้นเคยสำหรับราชการ (Familiar)

ผู้ใช้งานที่คุ้นเคยกับระบบราชการจะรู้สึกคุ้นชินและใช้งานได้ง่าย

◆ ◇ ◆ ◇ ◆

ชุดสี (Color Palette)

สีหลักแบบราชการไทยที่ใช้ในระบบ

Royal Blue
น้ำเงินหลวง (Royal Blue)
#1e3a5f
Sidebar, Header, องค์ประกอบหลัก
Gold
สีทอง (Gold)
#d4a017
ปุ่มหลัก, ตราสัญลักษณ์, เส้นตกแต่ง
Cream
สีครีม (Cream)
#faf6ed
พื้นหลังหน้าเว็บ, พื้นที่ว่าง
Success
สีอนุมัติ (Success)
#2f855a
สถานะอนุมัติ, ดำเนินการสำเร็จ
Warning
สีรอดำเนินการ (Warning)
#c05621
รอพิจารณา, แจ้งเตือน
Danger
สีปฏิเสธ (Danger)
#c53030
ไม่อนุมัติ, ข้อผิดพลาด

ตัวอักษร (Typography)

ฟอนต์ที่ใช้ในระบบราชการไทย

ฟอนต์หลัก (Primary Font)
Sarabun
ใช้สำหรับเนื้อหาทั่วไป - อ่านง่าย เป็นทางการ
ฟอนต์หัวข้อ (Display Font)
Prompt
ใช้สำหรับหัวข้อหลัก - ดูโดดเด่น มีน้ำหนัก
หัวข้อหลัก (H1)
ระบบบริหารทรัพยากรบุคคล
Prompt / 28px / Semi-bold (600) / Color: Royal Blue
หัวข้อการ์ด (H2)
รายการความเคลื่อนไหวบุคลากร
Prompt / 18px / Semi-bold (600)
ข้อความปกติ (Body)
ภาพรวมข้อมูลบุคลากรมหาวิทยาลัยธรรมศาสตร์ ประจำปีงบประมาณ พ.ศ. 2569
Sarabun / 15px / Regular (400) / Line-height: 1.7
ป้ายกำกับ (Label)
◆ เมนูหลัก ◆
11px / Bold (600) / Uppercase / Letter-spacing: 2px

ปุ่ม (Buttons)

รูปแบบปุ่มแบบราชการไทย

ปุ่มหลัก (Primary Buttons)
ปุ่มการดำเนินการ (Action Buttons)

สถานะ (Status Badges)

ป้ายแสดงสถานะการดำเนินการ

✓ อนุมัติแล้ว ⏳ รออนุมัติ ✕ ไม่อนุมัติ 📋 กำลังดำเนินการ

ฟอร์ม (Form Elements)

องค์ประกอบฟอร์มแบบราชการ

การ์ด (Cards)

รูปแบบการ์ดแบบราชการ

👥
จำนวนบุคลากรทั้งหมด
8,547
รายการล่าสุด ดูทั้งหมด →

การ์ดมี Header สีน้ำเงินหลวง พร้อมขอบและลวดลายตกแต่งแบบไทย

องค์ประกอบตกแต่ง

ลวดลายและองค์ประกอบที่ใช้ในการตกแต่ง

เส้นขอบทอง (Gold Border)

ใช้สำหรับเน้นส่วนบนของ Header และ Sidebar

ลายตกแต่ง (Ornaments)
◆ ◇ ◆

ใช้คั่นระหว่างส่วน และตกแต่ง Label

ตราสัญลักษณ์ (Emblem)

วงกลมทองพร้อมตัวย่อหน่วยงาน

ข้อดี-ข้อควรพิจารณา

สรุปจุดเด่นและข้อควรพิจารณาของสไตล์นี้

✅ จุดเด่น

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

⚠️ ข้อควรพิจารณา

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

เหมาะสำหรับ