Primary
#2563EBปุ่มหลัก / การเลือก
04 / DESIGN FOUNDATION
สีมีความหมาย ตัวอักษรอ่านง่าย
ใช้ Semantic Tokens เดิม แทนการเขียนค่าสีแยกในแต่ละหน้า
Success
#047857สำเร็จ / ใช้งาน
Warning
#B45309ต้องตรวจสอบ
Danger
#B91C1Cผิดพลาด / การกระทำเสี่ยง
Foreground
#0F172Aข้อความหลัก
Noto Sans Thai
จัดการคลังอย่างเข้าใจ
Aa Bb 0123456789
Aa Bb 0123456789
สำรอง: Leelawadee UI → Tahoma → system sans-serif
ไม่ได้ดาวน์โหลดฟอนต์จากภายนอก หน้านี้ใช้ฟอนต์ที่ติดตั้งในเครื่องตามลำดับขนาดและระยะมาตรฐาน
- หัวข้อหน้า / หัวข้อส่วน
- 28 / 20 px
- เนื้อหา / Label / Helper
- 14 / 14 / 13 px
- Spacing
- 4 · 8 · 12 · 16 · 20 · 24 · 32
- Input บน Desktop ที่ใช้เมาส์
- อย่างน้อย 36 px
- Input บน Touch / หน้าจอแคบ
- อย่างน้อย 48 px
- เป้าหมายปุ่มหลัก / Touch
- อย่างน้อย 44 × 44 px