主要なカラーの設定

基本のカラー

使用例)主要なボタンの背景色など

より明るめのカラー

使用例)フォームステップの背景色など

テキストカラーの設定

基本のカラー 初期状態:#333333

使用例)本文など

明るめのカラー 初期状態:#666666

使用例)記事の日付や注釈文など

反転時のカラー 初期状態:#FFFFFF

使用例)濃いめの背景色のボタンのテキストなど

注意時のカラー 初期状態:#AB1330

使用例)エラー文や「SOLD OUT」など

成功時のカラー 初期状態:#008610

使用例)マイページ保存時に成功した際のテキスト

プレースホルダーのカラー 初期状態:#CCCCCC

使用例)フォームの記入例

線の設定

基本のカラー 初期状態:#CCCCCC

使用例)決済時に表示されるテーブルのボーダーなど

明るめのカラー 初期状態:#F0F0F0

使用例)フォームのテーブルの枠など

暗めのカラー 初期状態:#666666

使用例)クリックできる要素にマウスを乗せた時(hover)のボーダー

背景色の設定

明るめのカラー 初期状態:#F0F0F0

使用例)見出しの背景色など

濃いめのカラー 初期状態:#777777

使用例)カテゴリーのラベルなど

通知のカラー 初期状態:#257ad5

使用例)カートボタン内の通知など

ハイライトのカラー 初期状態:#fff146

使用例)重要ワードのハイライトに使われる背景色