uatr design system
A design system reverse-engineered from the live UAT web-ordering UI. 42 color tokens, 7 type sizes, 9 spacing steps, 11 documented components.
Foundations
Color, type, spacing, radius, shadow, motion.Components
11 components with variants and states.Audit
Duplicates, contrast, focus, structure.UAT
Placeholder for acceptance results.Crawled pages
| Page | Title | Status |
|---|---|---|
index.html?state=new | VV Web Ordering — บิลมัดจำรอเปิดออเดอร์ | 200 |
orders.html | ติดตามออเดอร์ — VV Web Ordering | 200 |
tracking.html | ติดตามงานค้าง / งานผิดพลาด — VV Web Ordering | 200 |
stock.html | VV Web Ordering — เช็คสต๊อกสาขา | 200 |
rx-lookup.html | VV Web Ordering — ค่าสายตาลูกค้า (POS) | 200 |
review.html?id=196 | ทบทวนก่อนส่งออเดอร์ — VV Web Ordering | 200 |
audit.html | Audit log — VV Web Ordering | 200 |
settings.html | VV Web Ordering — Settings | 200 |
user-management.html | VV Web Ordering — User management | 200 |
branch-admin.html | VV Web Ordering — โครงสาขา 2.1 (Monde + แฟรนไชส์) | 200 |
tog-admin.html | VV Web Ordering — ทะเบียน TOG (เฟส 2.1) | 200 |
signoff.html | VV Web Ordering — ยอมรับผลการทดสอบ (UAT Sign-off) | 200 |
login.html | VV Web Ordering — เข้าสู่ระบบ | 200 (public) |
__nonexistent.html | (404 — JSON body) | 404 |
Screenshots at 1440px and 390px are kept in the repository under screenshots/; they contain UAT data and are intentionally not published here.