デザインシステム
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 · ベース
#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
SemiBold · 30 / 40 · -0.02em
穏やかな関心を持って、肌を見つめます
見出し 2
セミボールド · 26 / 36 · -0.02em
繊細に絡み合うものを、解きほぐします
見出し3
SemiBold · 22 / 31 · -0.02em
Rezeroが肌と向き合う姿勢
見出し 4
セミボールド · 20 / 29 · -0.02em
治療の前に、まずは十分な相談から始めます。
見出し 5
セミボールド · 18 / 27 · -0.02em
施術後のケアで、見落としがちなこと
見出し 6
セミボールド · 17 / 26 · -0.01em
ラベルとキャプションの見出し
からだ
レギュラー · 17 / 28 · グレー 800
肌はその人の宇宙です。日々の痕跡が幾重にも重なり、時に複雑に絡み合って現れる場所。
キャプション
レギュラー · 13 / 20 · グレー 700
画像の説明や出所の表記に用いるキャプションのスタイルです。
引用
Medium · 19 / 31 · 左5pxボーダー
静かな空間で肌が澄んでいくとき、その人の世界も明るくなります。
ロゴとアセット
ロゴは暗い背景での使用を基準として表示しています。ソーシャル用画像などのすべてのアセットは、Project Identity ページをご参照ください。
ロゴ
ロゴ 1
ロゴ 2
ロゴ 3
ファビコン
ファビコン 1
ファビコン 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
デザインシステム
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 · ベース
#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
SemiBold · 30 / 40 · -0.02em
穏やかな関心を持って、肌を見つめます
見出し 2
セミボールド · 26 / 36 · -0.02em
繊細に絡み合うものを、解きほぐします
見出し3
SemiBold · 22 / 31 · -0.02em
Rezeroが肌と向き合う姿勢
見出し 4
セミボールド · 20 / 29 · -0.02em
治療の前に、まずは十分な相談から始めます。
見出し 5
セミボールド · 18 / 27 · -0.02em
施術後のケアで、見落としがちなこと
見出し 6
セミボールド · 17 / 26 · -0.01em
ラベルとキャプションの見出し
からだ
レギュラー · 17 / 28 · グレー 800
肌はその人の宇宙です。日々の痕跡が幾重にも重なり、時に複雑に絡み合って現れる場所。
キャプション
レギュラー · 13 / 20 · グレー 700
画像の説明や出所の表記に用いるキャプションのスタイルです。
引用
Medium · 19 / 31 · 左5pxボーダー
静かな空間で肌が澄んでいくとき、その人の世界も明るくなります。
ロゴとアセット
ロゴは暗い背景での使用を基準として表示しています。ソーシャル用画像などのすべてのアセットは、Project Identity ページをご参照ください。
ロゴ
ロゴ 1
ロゴ 2
ロゴ 3
ファビコン
ファビコン 1
ファビコン 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