Sarnflow Design System
DRE-59 · ArcGeekTech brand · Poppins + Noto Sans Thai · Light / Dark · Thai-first bilingual
Foundations
tokens + components
Component Gallery
colors, type, buttons, forms, tables, badges, modal, tree
reference
ตัวอย่างเส้นทางเอกสาร
workflow scenarios: approve, gate, force-route (participant-only steps)
Sprint 1 — MVP
/login
เข้าสู่ระบบ
Login + PDPA consent · DRE-67
/change-password
เปลี่ยนรหัสผ่าน
First-login · DRE-72
/documents
รายการเอกสาร
List + filter · DRE-82
/documents/new
สร้างเอกสาร
Create form · DRE-77
/documents/[uuid]
รายละเอียดเอกสาร
Detail + Activity + workflow · DRE-87
Sprint 2 — Core
/admin/org
โครงสร้างองค์กร
Org tree · DRE-141/140
/admin/roles
บทบาท/สิทธิ์
Roles + permissions · DRE-142/143
/admin/users
ผู้ใช้งาน
Manage/create users · DRE-149/148
/admin/imports
นำเข้าข้อมูล
Import wizard · DRE-117
Sprint 3 — Enhanced
/search
ค้นหา
Full-text + filters · DRE-218
/admin/audit
บันทึกการตรวจสอบ
Audit page · DRE-210
/admin/presets
มุมมองที่บันทึก
View presets · DRE-285/222
Sprint 4 — Polish
/dashboard
แดชบอร์ดงานของฉัน
Personal tasks · DRE-243
/analytics
วิเคราะห์
Org analytics + charts · DRE-246
/admin/categories
หมวดหมู่
Category mgmt · DRE-265
/admin/custom-fields
ฟิลด์กำหนดเอง
Custom fields · DRE-268
/admin/tags
ป้ายกำกับ
Tag mgmt · DRE-271
/admin/config
ตั้งค่าระบบ
Reminder + whitelist · DRE-262/274
