色
原色
#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
48px L53
SV-H1見出し 2
Mr Eaves Mod OT - ボールド
36px L40
36px L40
SV-H2見出し 3
Mr Eaves Mod OT - レギュラー
32px L36
32px L36
SV-H3見出し 4
Mr Eaves Mod OT - ボールド
21px L24
21px L24
SV-H4見出し 5
Mr Eaves Mod OT - レギュラー
21px L24
21px L24
SV-H5見出し 6
Mr Eaves Mod OT - ボールド
13px L15
13px L15
SV-H6
フォーム テキスト
Mr Eaves Mod OT - Reg
18px L24
18px L24
sv フォーム本文が大きい。
Adobe Caslan Pro - レギュラー
21px L42
21px L42
sv-text-lミディアムボディのテキスト。
Adobe Caslan Pro - レギュラー
16px L29
16px L29
sv-text-m小さな本文。
Adobe Caslan Pro - レギュラー
13px L17
13px L17
sv-text-sコンポーネント
ボタン
ボタンは角丸1pxの「Mr Eaves Mod OT-Bold」を使用。
フォントサイズ: 18px;行の高さ: 21px;パディング: 14px 30px;
フォントサイズ: 18px;行の高さ: 21px;パディング: 14px 30px;注: アウトラインのパディングは、境界線を含めるように調整されます。
フォントサイズ: 16px;行の高さ: 19px;パディング: 11px 21px;
フォントサイズ: 16px;行の高さ: 19px;パディング: 11px 21px;注: アウトラインのパディングは、境界線を含めるように調整されます。
テキストリンク
フレーム
行と列に適用される影や境界線。背景色は手動で適用する必要があります。
sv-シャドウ-ライト