原色

#8034B8
#C59CE3
#F3EBF9
#CE7C30
#DDA46E
#F1D8C1
#769B70
#B7CBB4
#F1F5F0

ニュートラルカラー

#272329
#5B5260
#A79FAD
#D9D6DC
#F2F1F3
#FFFFFFF

グラデーション

#8034B8
45°
#C59CE3
#CE7C30
45°
#F1D8C1
#769B70
45°
#B7CBB4

タイポグラフィ

見出し 1

Mr Eaves Mod OT - ボールド
48px L53
SV-H1

見出し 2

Mr Eaves Mod OT - ボールド
36px L40
SV-H2

見出し 3

Mr Eaves Mod OT - レギュラー
32px L36
SV-H3

見出し 4

Mr Eaves Mod OT - ボールド
21px L24
SV-H4
見出し 5
Mr Eaves Mod OT - レギュラー
21px L24
SV-H5
見出し 6
Mr Eaves Mod OT - ボールド
13px L15
SV-H6
フォーム テキスト
Mr Eaves Mod OT - Reg
18px L24
sv フォーム

本文が大きい。

Adobe Caslan Pro - レギュラー
21px L42
sv-text-l

ミディアムボディのテキスト。

Adobe Caslan Pro - レギュラー
16px L29
sv-text-m

小さな本文。

Adobe Caslan Pro - レギュラー
13px L17
sv-text-s

コンポーネント

ボタン

ボタンは角丸1pxの「Mr Eaves Mod OT-Bold」を使用。

テキストリンク

フレーム

行と列に適用される影や境界線。背景色は手動で適用する必要があります。
sv-シャドウ-ライト

フレーム