DK Hair Salon
Design System
Corporate Identity ใหม่: Green Tea & Pistachio Theme - ความหรูหราที่เป็นธรรมชาติ
Brand Values
Luxury
ความหรูหราที่สัมผัสได้
Natural
ความงามจากธรรมชาติ
Premium
คุณภาพระดับพรีเมียม
Logo
Primary Logo (Light Background)
Logo on Gradient Background
Reversed Logo (Dark Background)
Color Palette
Primary Colors (Green Tea)
primary-50
#f0f7eb
primary-100
#dcefd1
primary-200
#b8dfa6
primary-300
#93cf7c
primary-400
#7cbf5a
primary-500
#6b8e5e
primary-600
#5a7a4f
primary-700
#4a6541
primary-800
#3a5033
primary-900
#2a3b25
Secondary Colors (Pistachio)
secondary-50
#f4f9f0
secondary-100
#e5f2dd
secondary-200
#cce6bc
secondary-300
#b3d99a
secondary-400
#a3d08b
secondary-500
#93c47d
secondary-600
#7dab69
secondary-700
#689255
secondary-800
#537941
secondary-900
#3e602d
Accent Colors (Warm Gold)
accent-50
#faf5ef
accent-100
#f5ebe0
accent-200
#ecd8c2
accent-300
#e0c5a4
accent-500
#d4a574
accent-700
#b8894f
Semantic Colors
success
#22C55E
warning
#EAB308
error
#EF4444
info
#3B82F6
Typography
Headings
หัวข้อหลัก Heading One
หัวข้อรอง Heading Two
หัวข้อย่อย Heading Three
หัวข้อเล็ก Heading Four
หัวข้อจิ๋ว Heading Five
หัวข้อเล็กสุด Heading Six
Body Text
ยินดีต้อนรับสู่ DK Hair Salon ร้านทำผมมืออาชีพระดับพรีเมียม
พร้อมดูแลคุณด้วยบริการระดับห้าดาว Welcome to our premium hair salon.
เปิดให้บริการทุกวัน ตั้งแต่ 10:00 - 20:00 น. Open daily.
*ราคาอาจเปลี่ยนแปลงได้โดยไม่ต้องแจ้งล่วงหน้า
Form Elements
Text Inputs
กรุณากรอกข้อมูลให้ถูกต้อง
Select & Checkbox
Cards
Basic Card
การ์ดพื้นฐานสำหรับแสดงเนื้อหาทั่วไป
Premium Card
การ์ดพรีเมียมพร้อม hover effect และเงา
Gradient Card
การ์ดที่มี gradient header
Badges
Badge Variants
Decorative Elements
Decorative Line
ใช้เป็น divider หรือ accent ระหว่างหัวข้อ