設計系統
Liserot 設計系統
基準日 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 · 基礎
#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 · 基礎
#DFCDFF
中性 · 灰
文字、邊框與背景的層級。900 標題 / 800 正文 / 700 說明文字 / 400~600 輔助文字與圖標 / 100~300 邊框與分割線 / 50 淡色背景。
50 · 基礎
#FAFAFA
100
#E1E1E1
200
#C8C8C8
300
#AFAFAF
400
#969696
500
#7D7D7D
600
#646464
700
#4B4B4B
800
#323232
900
#191919
字型
Pretendard (Static) · 專欄 CMS 本文類型比例。此為 Desktop 基準值，Tablet 與 Mobile 將依比例縮減。
標題 1
半粗體 · 30 / 40 · -0.02em
以專注的關懷，細細呵護肌膚
標題 2
SemiBold · 26 / 36 · -0.02em
溫柔地，解開細微的糾結
標題 3
中粗體 · 22 / 31 · -0.02em
Rezero 對待肌膚的態度
標題 4
半粗體 · 20 / 29 · -0.02em
療程開始前，我們希望能與您充分溝通
標題 5
SemiBold · 18 / 27 · -0.02em
療程後護理，容易被忽略的細節
標題 6
SemiBold · 17 / 26 · -0.01em
標籤與說明標題
身體
Regular · 17 / 28 · Gray 800
肌膚是個人專屬的宇宙。日常的痕跡層層堆疊，有時以複雜交錯的面貌顯現。
說明文字
標準 · 13 / 20 · 灰色 700
這是用於圖片說明或來源標示的說明文字樣式。
引言
Medium · 19 / 31 · 左側 5px 邊框
在安靜的空間裡，當肌膚變得澄澈，那個人的世界也隨之明亮。
標誌與資產
標誌以深色背景呈現。如需社群圖片等完整素材，請參閱 Project Identity 頁面。
Logo
Logo 1
Logo 2
Logo 3
網站圖標
網站圖標 1
Favicon 2
應用程式圖標
應用程式圖標
社群影像
專屬皮膚管理
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
設計系統
Liserot 設計系統
基準日 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 · 基礎
#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 · 基礎
#DFCDFF
中性 · 灰
文字、邊框與背景的層級。900 標題 / 800 正文 / 700 說明文字 / 400~600 輔助文字與圖標 / 100~300 邊框與分割線 / 50 淡色背景。
50 · 基礎
#FAFAFA
100
#E1E1E1
200
#C8C8C8
300
#AFAFAF
400
#969696
500
#7D7D7D
600
#646464
700
#4B4B4B
800
#323232
900
#191919
字型
Pretendard (Static) · 專欄 CMS 本文類型比例。此為 Desktop 基準值，Tablet 與 Mobile 將依比例縮減。
標題 1
半粗體 · 30 / 40 · -0.02em
以專注的關懷，細細呵護肌膚
標題 2
SemiBold · 26 / 36 · -0.02em
溫柔地，解開細微的糾結
標題 3
中粗體 · 22 / 31 · -0.02em
Rezero 對待肌膚的態度
標題 4
半粗體 · 20 / 29 · -0.02em
療程開始前，我們希望能與您充分溝通
標題 5
SemiBold · 18 / 27 · -0.02em
療程後護理，容易被忽略的細節
標題 6
SemiBold · 17 / 26 · -0.01em
標籤與說明標題
身體
Regular · 17 / 28 · Gray 800
肌膚是個人專屬的宇宙。日常的痕跡層層堆疊，有時以複雜交錯的面貌顯現。
說明文字
標準 · 13 / 20 · 灰色 700
這是用於圖片說明或來源標示的說明文字樣式。
引言
Medium · 19 / 31 · 左側 5px 邊框
在安靜的空間裡，當肌膚變得澄澈，那個人的世界也隨之明亮。
標誌與資產
標誌以深色背景呈現。如需社群圖片等完整素材，請參閱 Project Identity 頁面。
Logo
Logo 1
Logo 2
Logo 3
網站圖標
網站圖標 1
Favicon 2
應用程式圖標
應用程式圖標
社群影像
專屬皮膚管理
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