กลับหน้าหลัก
ระบบดีไซน์

Design Tokens · หมูถูกดี

คอนเซ็ปต์ “ตลาดเช้าสดใส” · ชมพูหมูอบอุ่น + ทองอำพันเน้นเงิน · มุมป้ายราคา (notch)

สี · แบรนด์ & แอกเซนต์

primaryoklch(0.55 0.17 8)
primary-hoveroklch(0.49 0.17 8)
primary-subtleoklch(0.95 0.045 8)
accentoklch(0.66 0.15 66)
accent-subtleoklch(0.95 0.06 75)

สี · พื้นผิว & ข้อความ

bgoklch(0.98 0.016 350)
surfaceoklch(0.997 0.006 350)
surface-tintoklch(0.955 0.032 12)
mutedoklch(0.955 0.014 350)
sidebaroklch(0.31 0.06 14)
fgoklch(0.27 0.022 20)
fg-mutedoklch(0.49 0.025 20)
borderoklch(0.90 0.013 40)

สี · สถานะ & หมวดหมู่

success
warning
danger
info
cat-1
cat-2
cat-3
cat-4

ทุกคู่สีผ่านการตรวจ WCAG (check_contrast.py exit 0): ข้อความ ≥ 4.5:1, UI/ใหญ่ ≥ 3:1

ตัวอักษร

Display: Bai Jamjuree · Body: IBM Plex Sans Thai (รองรับไทยเต็มรูปแบบ)

3xl / 2.25remหมูถูกดี Aa 1234
2xl / 1.75remหมูถูกดี Aa 1234
xl / 1.375remหมูถูกดี Aa 1234
lg / 1.125remหมูถูกดี Aa 1234
base / 1remหมูถูกดี Aa 1234 · ข้อความปกติ
sm / 0.875remหมูถูกดี Aa 1234 · ข้อความรอง
xs / 0.75remหมูถูกดี Aa 1234 · คำอธิบายเล็ก

รัศมีมุม (Radius)

sm · 0.5rem
base · 0.875rem
lg · 1.25rem

เงา (Shadow)

sm
base
lg

ระยะห่าง (Spacing · 4pt)

space-1
space-2
space-4
space-6
space-8
space-12

ปุ่ม & แบดจ์

สำเร็จรอสแกน ยกเลิกQR PromptPay โอนธนาคารเงินสด