ตัวอย่างจริง (Live preview)
เลือก palette ด้านล่าง — UI ข้างบนจะเปลี่ยนตาม
—
—
YP
YP-Factory
ภาพรวมโรงงาน
Movements วันนี้
342
+12%
รอ QC/QA
11
เก่าสุด 2 วัน
Production
6
jobs active
รออนุมัติ
8
5 สาร · 3 pair
Movements ล่าสุด
inกลีเซอรีน · นุช25.0 kg
produceHydra Serum · ต๋อง4.85 kg
outNiacinamide · ต๋อง0.250 kg
approveLOT-0005 น้ำหอม Rose · เก๋—
OEM vs Brand
฿1.24M
เดือนนี้
OEM 62%Brand 38%
สวัสดี พี่นุช
คลังวัตถุดิบ
สาร
247
Low
12
หมดอายุ
5
VH
Hydra Serum
4 lots
RS
Rose oil
1 lot
หน้าหลัก
รับเข้า
เบิก
ฉัน
CSS variables (paste ลง root)
เลือก Palette
คำแนะนำสำหรับเลือก
- HumanAI Default — ตรงกับ design system กลาง · ถ้าโรงงานอยากดูเป็นส่วนหนึ่งของ suite (HumanAI ecosystem)
- Industrial Steel — น่าเชื่อถือ ดู professional · เหมาะ B2B OEM ที่อยากดูจริงจัง
- Lab Green — เขียวเข้ม + lime · เน้นความเป็น "ห้องแล็บ / สะอาด" · เข้ากับ industry เครื่องสำอาง/ยา
- Beauty Rose — ชมพูอ่อน + plum · ถ้าระบบจะให้ Sales/CS ใช้ฝั่ง brand consumer เห็นด้วย
- Premium Gold — น้ำตาลเข้ม + ทอง · ดู luxury ถ้าโรงงานเน้น niche/premium OEM
- Coral Sunset — ส้ม-ชมพู · พลังงานสด แต่อาจไม่เหมาะกับ data-heavy
เคล็ดลับ: ตามหลัก §1 ของ HumanAI Design System — 1 หน้า = 1 CTA เด่น · gradient ใช้แค่ signature (โลโก้/hero) ห้ามเป็นปุ่ม. ทุก palette ด้านบนยึดกฎนี้แล้ว