Design System
PSP Electric Corporation — Brand & Component Library
Colors
Metallic Gold
#A08965
--primary
Deep Navy
#101B2B
--secondary
Steel Gray
#CCCAC6
--border
Warm White
#FCF9F3
--background
Typography — IBM Plex Sans Thai / IBM Plex Sans
Bold / H1
โครงสร้างเหล็กอุตสาหกรรม Heading 1
Bold / H2
Section Heading 2
SemiBold / H3
SemiBold Heading
Regular / Highlight
Highlighted body copy ตัวอย่างข้อความเน้น
Light / Body
Body text แบบปกติสำหรับเนื้อหา ใช้ font-weight 300 เพื่อความอ่านง่าย
Medium / UI
UI Label · Button · Caption
Buttons
Badges & Status
Default
Secondary
Outline
พร้อมส่งสต็อกน้อยสั่งผลิตหมดชั่วคราวForm Components
Product Card
Category Card
Specification Table
| SKU | SM-GM-3260 |
| ขนาด | 3200 × 2000 × 60 mm |
| วัสดุ | HDG Steel |
Admin Dashboard Card
RFQ ใหม่
12
+18%
รอดำเนินการ
34
+4%
ยอดเดือนนี้
฿4.82M
+22%
สมาชิกใหม่
28
+12%
Admin Data Table Row
| RFQ ID | ลูกค้า | สถานะ |
|---|---|---|
| QT-2026-05-00042 | บจก. โซลาร์ ลพบุรี | Quoted |
| QT-2026-05-00041 | ABC Industries | New |
Member Plan Card
Silver
฿1,990
Gold
฿4,990
Project / EPC
Custom
Responsive Layout
Col 1
Col 2
Col 3
Col 4