DESIGN SYSTEM
ระบบการออกแบบ Rezero
ข้อมูล ณ วันที่ 2026-06-25 · Color · Typography · Logo & Assets
สี
ตัวเลขแสดงถึงความสว่าง ค่ายิ่งน้อยยิ่งสว่าง โดยมี 500 เป็นสีมาตรฐาน แม้จะเป็นโทนสีเดียวกัน แต่จะไล่ระดับอย่างสม่ำเสมอตั้งแต่ 50 (สว่างที่สุด) ไปจนถึง 950 (เข้มที่สุด)
Brand · Main (Rezero Purple)
ใช้สำหรับส่วนที่ต้องการให้ดำเนินการและเน้นย้ำ เช่น ปุ่ม ลิงก์ และไอคอน ค่ามาตรฐานคือ 500 ส่วนค่า 50-200 ใช้สำหรับพื้นหลังสีอ่อนและเมื่อวางเมาส์เหนือองค์ประกอบ สำหรับค่า 600-950 ใช้เพื่อเน้นข้อความและพื้นหลังสีเข้ม
50
#E7DAF9
100
#CFB5F4
150
#B790EE
200
#9F6BE8
300
#8846E3
400
#7022DC
500 · Base
#5D1CB7
600
#4D1798
700
#3E137A
800
#2E0E5C
900
#1F093D
950
#0F051E
Brand · Sub (Vivid Purple)
ใช้สำหรับพื้นหลังโทนอ่อนของพื้นที่กว้าง เช่น ส่วนของเนื้อหาหรือการ์ด โดยรหัสสี 100(#F9F5FF) จะใช้สำหรับพื้นหลังของคอลัมน์เนื้อหาหลัก
100
#F9F5FF
200
#F2EBFF
300
#ECE1FF
400
#E5D7FF
500 · Base
#DFCDFF
สีเทากลาง
ลำดับความสำคัญของข้อความ เส้นขอบ และพื้นหลัง: 900 หัวข้อ / 800 เนื้อหา / 700 คำบรรยายภาพ / 400~600 ข้อความรองและไอคอน / 100~300 เส้นขอบและเส้นคั่น / 50 พื้นหลังสีอ่อน
50 · Base
#FAFAFA
100
#E1E1E1
200
#C8C8C8
300
#AFAFAF
400
#969696
500
#7D7D7D
600
#646464
700
#4B4B4B
800
#323232
900
#191919
ไทโปกราฟี
Pretendard (Static) · มาตราส่วนขนาดอักษรเนื้อหาสำหรับคอลัมน์ CMS ค่านี้เป็นค่ามาตรฐานสำหรับเดสก์ท็อป ส่วนแท็บเล็ตและมือถือจะลดหลั่นขนาดลงตามลำดับ
หัวข้อที่ 1
SemiBold · 30 / 40 · -0.02em
ใส่ใจดูแลผิวอย่างประณีต
หัวข้อที่ 2
SemiBold · 26 / 36 · -0.02em
คลายปมอันละเอียดอ่อนอย่างเบามือ
หัวข้อ 3
SemiBold · 22 / 31 · -0.02em
วิธีที่ Rezero ดูแลผิวของคุณ
หัวข้อที่ 4
SemiBold · 20 / 29 · -0.02em
การพูดคุยอย่างใส่ใจก่อนเริ่มรักษานั้นสำคัญที่สุด
หัวข้อที่ 5
SemiBold · 18 / 27 · -0.02em
สิ่งที่มักถูกละเลยในการดูแลหลังทำหัตถการ
หัวข้อ 6
SemiBold · 17 / 26 · -0.01em
ป้ายกำกับและหัวข้อคำอธิบาย
ร่างกาย
Regular · 17 / 28 · Gray 800
ผิวหนังคือจักรวาลของแต่ละบุคคล เป็นพื้นที่ที่ร่องรอยของชีวิตประจำวันทับซ้อนกัน และบางครั้งก็แสดงออกอย่างซับซ้อน
คำบรรยาย
ปกติ · 13 / 20 · Gray 700
รูปแบบคำอธิบายภาพสำหรับใช้อธิบายรูปภาพหรือระบุแหล่งที่มา
ข้อความอ้างอิง
Medium · 19 / 31 · เส้นขอบด้านซ้าย 5px
เมื่อผิวใสขึ้นในพื้นที่ที่เงียบสงบ โลกของคนคนนั้นก็ดูสว่างไสวขึ้น
โลโก้และสื่อประชาสัมพันธ์
แสดงโลโก้โดยอิงตามการใช้งานบนพื้นหลังสีเข้ม สำหรับเนื้อหาทั้งหมด เช่น ภาพโซเชียลมีเดีย โปรดดูที่หน้า Project Identity
Logo
โลโก้ 1
โลโก้ 2
โลโก้ 3
แฟวิคอน
Favicon 1
Favicon 2
ไอคอนแอป
ไอคอนแอป
รูปภาพสำหรับโซเชียล
Private Dermatology
Rezero Clinic
Location
2nd Floor, 61 Sincheon-daero 50beon-gil, Busanjin-gu, Busan
Medical Director
Tae-bong Son
Business Registration
344-21-02387
Phone
051-715-7227
Opening Hours
Normal
Mon
10:30 - 19:30
Wed
10:30 - 19:30
Fri
10:30 - 19:30
Late
Tue
10:30 - 21:00
Thu
10:30 - 21:00
Early
Sat
10:30 - 15:00
Sun
10:30 - 15:00
Break
13:00 - 14:00
© 2026, Rezero. All rights reserved.
Designed by HSF
DESIGN SYSTEM
ระบบการออกแบบ Rezero
ข้อมูล ณ วันที่ 2026-06-25 · Color · Typography · Logo & Assets
สี
ตัวเลขแสดงถึงความสว่าง ค่ายิ่งน้อยยิ่งสว่าง โดยมี 500 เป็นสีมาตรฐาน แม้จะเป็นโทนสีเดียวกัน แต่จะไล่ระดับอย่างสม่ำเสมอตั้งแต่ 50 (สว่างที่สุด) ไปจนถึง 950 (เข้มที่สุด)
Brand · Main (Rezero Purple)
ใช้สำหรับส่วนที่ต้องการให้ดำเนินการและเน้นย้ำ เช่น ปุ่ม ลิงก์ และไอคอน ค่ามาตรฐานคือ 500 ส่วนค่า 50-200 ใช้สำหรับพื้นหลังสีอ่อนและเมื่อวางเมาส์เหนือองค์ประกอบ สำหรับค่า 600-950 ใช้เพื่อเน้นข้อความและพื้นหลังสีเข้ม
50
#E7DAF9
100
#CFB5F4
150
#B790EE
200
#9F6BE8
300
#8846E3
400
#7022DC
500 · Base
#5D1CB7
600
#4D1798
700
#3E137A
800
#2E0E5C
900
#1F093D
950
#0F051E
Brand · Sub (Vivid Purple)
ใช้สำหรับพื้นหลังโทนอ่อนของพื้นที่กว้าง เช่น ส่วนของเนื้อหาหรือการ์ด โดยรหัสสี 100(#F9F5FF) จะใช้สำหรับพื้นหลังของคอลัมน์เนื้อหาหลัก
100
#F9F5FF
200
#F2EBFF
300
#ECE1FF
400
#E5D7FF
500 · Base
#DFCDFF
สีเทากลาง
ลำดับความสำคัญของข้อความ เส้นขอบ และพื้นหลัง: 900 หัวข้อ / 800 เนื้อหา / 700 คำบรรยายภาพ / 400~600 ข้อความรองและไอคอน / 100~300 เส้นขอบและเส้นคั่น / 50 พื้นหลังสีอ่อน
50 · Base
#FAFAFA
100
#E1E1E1
200
#C8C8C8
300
#AFAFAF
400
#969696
500
#7D7D7D
600
#646464
700
#4B4B4B
800
#323232
900
#191919
ไทโปกราฟี
Pretendard (Static) · มาตราส่วนขนาดอักษรเนื้อหาสำหรับคอลัมน์ CMS ค่านี้เป็นค่ามาตรฐานสำหรับเดสก์ท็อป ส่วนแท็บเล็ตและมือถือจะลดหลั่นขนาดลงตามลำดับ
หัวข้อที่ 1
SemiBold · 30 / 40 · -0.02em
ใส่ใจดูแลผิวอย่างประณีต
หัวข้อที่ 2
SemiBold · 26 / 36 · -0.02em
คลายปมอันละเอียดอ่อนอย่างเบามือ
หัวข้อ 3
SemiBold · 22 / 31 · -0.02em
วิธีที่ Rezero ดูแลผิวของคุณ
หัวข้อที่ 4
SemiBold · 20 / 29 · -0.02em
การพูดคุยอย่างใส่ใจก่อนเริ่มรักษานั้นสำคัญที่สุด
หัวข้อที่ 5
SemiBold · 18 / 27 · -0.02em
สิ่งที่มักถูกละเลยในการดูแลหลังทำหัตถการ
หัวข้อ 6
SemiBold · 17 / 26 · -0.01em
ป้ายกำกับและหัวข้อคำอธิบาย
ร่างกาย
Regular · 17 / 28 · Gray 800
ผิวหนังคือจักรวาลของแต่ละบุคคล เป็นพื้นที่ที่ร่องรอยของชีวิตประจำวันทับซ้อนกัน และบางครั้งก็แสดงออกอย่างซับซ้อน
คำบรรยาย
ปกติ · 13 / 20 · Gray 700
รูปแบบคำอธิบายภาพสำหรับใช้อธิบายรูปภาพหรือระบุแหล่งที่มา
ข้อความอ้างอิง
Medium · 19 / 31 · เส้นขอบด้านซ้าย 5px
เมื่อผิวใสขึ้นในพื้นที่ที่เงียบสงบ โลกของคนคนนั้นก็ดูสว่างไสวขึ้น
โลโก้และสื่อประชาสัมพันธ์
แสดงโลโก้โดยอิงตามการใช้งานบนพื้นหลังสีเข้ม สำหรับเนื้อหาทั้งหมด เช่น ภาพโซเชียลมีเดีย โปรดดูที่หน้า Project Identity
Logo
โลโก้ 1
โลโก้ 2
โลโก้ 3
แฟวิคอน
Favicon 1
Favicon 2
ไอคอนแอป
ไอคอนแอป
รูปภาพสำหรับโซเชียล
Private Dermatology
Rezero Clinic
Location
2nd Floor, 61 Sincheon-daero 50beon-gil, Busanjin-gu, Busan
Medical Director
Tae-bong Son
Business Registration
344-21-02387
Phone
About
Philosophy
Spaces
Doctors
Directions
Opening Hours
Normal
Mon
10:30 - 19:30
Wed
10:30 - 19:30
Fri
10:30 - 19:30
Late
Tue
10:30 - 21:00
Thu
10:30 - 21:00
Early
Sat
10:30 - 15:00
Sun
10:30 - 15:00
Break
13:00 - 14:00
© 2026, Rezero. All rights reserved.
Designed by HSF