สี ตัวอักษร คอมโพเนนต์ และรายละเอียดทุกหน้า
FOUNDATIONS / 01
ระบบภาพเดียวกันสำหรับหน้าร้านและงานหลังบ้าน โทนส้มสด พื้นผิวขาว และข้อความสีเข้ม
#ee4d2d
#c53618
#ffffff
#22252b
#f5f6f8
#13764d
#996000
#be2636
TYPOGRAPHY / 02
ข้อความเนื้อหา 16 px ระยะบรรทัด 1.65 รองรับภาษาไทยและการขยายขนาดตัวอักษร
ป้ายกำกับ 14 px · ข้อมูลรอง 12–13 px · ไม่ใช้สีอย่างเดียวในการสื่อสถานะ
COMPONENTS / 03
ข้อความแจ้งข้อมูลก่อนดำเนินการ
ข้อความผิดพลาดพร้อมแนวทางแก้ไข
ข้อความยืนยันผลสำเร็จ
รายการใหม่จะแสดงที่นี่เมื่อมีการดำเนินการ
พื้นที่เนื้อหากว้างสุด 1,240 px · Desktop 5 คอลัมน์สินค้า · Mobile 2 คอลัมน์ · หน้าสั่งซื้อมีสรุปยอดด้านขวาบน Desktop และเรียงลงบนมือถือ · แถบเมนูบัญชีและหลังบ้านเลื่อนแนวนอนบนมือถือ
ระยะห่างหลัก 4 / 8 / 12 / 16 / 20 / 24 / 32 / 40 px · มุมการ์ด 12 px · มุมปุ่มและฟอร์ม 8 px · ปุ่มสูงอย่างน้อย 46 px · แสดง focus สีน้ำเงินเมื่อใช้คีย์บอร์ด · ลดการเคลื่อนไหวตามการตั้งค่าผู้ใช้
| หน้า | เส้นทาง | หน้าที่ |
|---|---|---|
| หน้าร้าน | / | เลือกซื้อสินค้า |
| สินค้าทั้งหมด | /products | ค้นหาและเลือกซื้อสินค้าสำหรับทุกวัน |
| หมวดหมู่สินค้า | /categories | ครบเรื่องเรียน เรื่องงาน และทุกไอเดีย |
| โปรโมชั่น | /promotions | เลือกสินค้าราคาพิเศษจากร้าน |
| รายการโปรด | /favorites | สินค้าที่คุณบันทึกไว้ |
| ตะกร้าสินค้า | /cart | ตรวจสอบสินค้าและจำนวนก่อนสั่งซื้อ |
| สั่งซื้อสินค้า | /checkout | ที่อยู่จัดส่ง ข้อมูลใบกำกับภาษี และการชำระเงิน |
| เข้าสู่ระบบ | /login | จัดการคำสั่งซื้อและบัญชีของคุณ |
| สมัครสมาชิก | /register | สร้างบัญชี VSaleMart |
| ลืมรหัสผ่าน | /forgot-password | รับลิงก์ตั้งรหัสผ่านใหม่ทางอีเมล |
| ตั้งรหัสผ่านใหม่ | /reset-password | กำหนดรหัสผ่านสำหรับบัญชีของคุณ |
| บัญชีของฉัน | /account | จัดการข้อมูลและติดตามคำสั่งซื้อ |
| ข้อมูลส่วนตัว | /account/profile | ชื่อและเบอร์โทรศัพท์สำหรับติดต่อ |
| ที่อยู่จัดส่ง | /account/addresses | จัดการที่อยู่สำหรับรับสินค้า |
| ข้อมูลใบกำกับภาษี | /account/tax | ชื่อ ที่อยู่ เลขประจำตัวผู้เสียภาษี และสาขา |
| คำสั่งซื้อของฉัน | /account/orders | ติดตามทุกขั้นตอนตั้งแต่ชำระเงินถึงรับสินค้า |
| ใบเสนอราคาของฉัน | /account/quotes | ติดตามและตอบรับราคาจากร้าน |
| คืนสินค้าและคืนเงิน | /account/returns | ติดตามคำขอบริการหลังการขาย |
| การแจ้งเตือน | /account/notifications | อัปเดตคำสั่งซื้อและบัญชีองค์กร |
| ความปลอดภัย | /account/security | เปลี่ยนรหัสผ่านบัญชี |
| สำหรับโรงเรียนและบริษัท | /business | ขอราคาสินค้าและจัดซื้อในนามองค์กร |
| สมัครบัญชีองค์กร | /business/apply | ส่งข้อมูลให้ร้านตรวจสอบสิทธิ์ราคาส่ง |
| ขอใบเสนอราคา | /quotes/new | ส่งรายการสินค้าให้ร้านจัดทำราคา |
| ติดต่อเรา | /contact | ส่งคำถามเกี่ยวกับสินค้าและคำสั่งซื้อ |
| ศูนย์ช่วยเหลือ | /help | คำตอบเรื่องการสั่งซื้อ ชำระเงิน และจัดส่ง |
| เกี่ยวกับ VSaleMart | /about | เครื่องเขียน หนังสือ และอุปกรณ์สำหรับโรงเรียนและสำนักงาน |
| การจัดส่ง | /policies/shipping | วิธีจัดส่ง ค่าบริการ และการติดตามพัสดุ |
| การคืนสินค้า | /policies/returns | ขั้นตอนแจ้งปัญหาและติดตามการคืนเงิน |
| ความเป็นส่วนตัว | /policies/privacy | ข้อมูลที่ใช้ในการให้บริการ |
| เงื่อนไขการซื้อสินค้า | /policies/terms | ข้อมูลประกอบการสั่งซื้อ |
| ภาพรวมร้านค้า | /admin | งานที่ต้องจัดการและข้อมูลล่าสุดของร้าน |
| จัดการสินค้า | /admin/products | ราคา รายละเอียด ตัวเลือก และสถานะการขาย |
| เพิ่มสินค้า | /admin/products/new | สร้างสินค้าใหม่ในร้าน |
| หมวดหมู่สินค้า | /admin/categories | จัดกลุ่มสินค้าให้ลูกค้าค้นหาได้ง่าย |
| ข้อมูลนำเข้าจาก Shopee | /admin/import | แคตตาล็อกเดิมและประวัติการนำเข้า |
| สต็อกสินค้า | /admin/inventory | ปรับยอดร่วมกับ Shopee พร้อมบันทึกเหตุผล |
| คำสั่งซื้อ | /admin/orders | ตรวจสอบยอดชำระ จัดสินค้า และส่งของ |
| ตรวจสลิป | /admin/payments | ตรวจยอดเงินเข้าก่อนอนุมัติการชำระเงิน |
| การจัดส่ง | /admin/shipments | เลือกขนส่งและบันทึกเลขพัสดุ |
| ลูกค้า | /admin/customers | ข้อมูลบัญชีลูกค้าของร้าน |
| อนุมัติบัญชีองค์กร | /admin/business | ตรวจข้อมูลโรงเรียนและบริษัทเพื่อให้สิทธิ์ราคาส่ง |
| ใบเสนอราคา | /admin/quotes | ตรวจรายการและกำหนดราคาให้ลูกค้าองค์กร |
| คืนสินค้าและคืนเงิน | /admin/returns | พิจารณาคำขอและบันทึกผลการดำเนินการ |
| โปรโมชั่นและคูปอง | /admin/promotions | กำหนดส่วนลดและช่วงเวลาที่ใช้ได้ |
| รีวิวสินค้า | /admin/reviews | ตรวจรีวิวก่อนเผยแพร่ |
| เนื้อหาเว็บไซต์ | /admin/content | จัดการข้อมูลร้านและนโยบาย |
| รายงานยอดขาย | /admin/reports | ข้อมูลคำสั่งซื้อและยอดรับชำระ |
| ตั้งค่าร้าน | /admin/settings | ข้อมูลร้าน ภาษี และบัญชีรับเงิน |
| ตั้งค่าขนส่ง | /admin/shipping | ราคาเดียว ตามน้ำหนัก และเงื่อนไขส่งฟรี |
| สิทธิ์พนักงาน | /admin/staff | รายชื่อผู้มีสิทธิ์จัดการร้าน |
| ประวัติการทำงาน | /admin/audit | ตรวจสอบการเปลี่ยนแปลงสำคัญ |
| ข้อความจากลูกค้า | /admin/support | ติดตามและตอบคำถาม |
| VSaleMart Design System | /design-system | สี ตัวอักษร คอมโพเนนต์ และรายละเอียดทุกหน้า |
หน้ารายละเอียดสินค้า ออเดอร์ ใบเสนอราคา สลิป และเอกสาร สร้างตามรหัสรายการจริง