基本のカラー |
使用例)主要なボタンの背景色など |
---|---|
より明るめのカラー |
使用例)フォームステップの背景色など |
基本のカラー |
初期状態:#333333
使用例)本文など |
---|---|
明るめのカラー |
初期状態:#666666
使用例)記事の日付や注釈文など |
反転時のカラー |
初期状態:#FFFFFF
使用例)濃いめの背景色のボタンのテキストなど |
注意時のカラー |
初期状態:#AB1330
使用例)エラー文や「SOLD OUT」など |
成功時のカラー |
初期状態:#008610
使用例)マイページ保存時に成功した際のテキスト |
プレースホルダーのカラー |
初期状態:#CCCCCC
使用例)フォームの記入例 |
基本のカラー |
初期状態:#CCCCCC
使用例)決済時に表示されるテーブルのボーダーなど |
---|---|
明るめのカラー |
初期状態:#F0F0F0
使用例)フォームのテーブルの枠など |
暗めのカラー |
初期状態:#666666
使用例)クリックできる要素にマウスを乗せた時(hover)のボーダー |
明るめのカラー |
初期状態:#F0F0F0
使用例)見出しの背景色など |
---|---|
濃いめのカラー |
初期状態:#777777
使用例)カテゴリーのラベルなど |
通知のカラー |
初期状態:#257ad5
使用例)カートボタン内の通知など |
ハイライトのカラー |
初期状態:#fff146
使用例)重要ワードのハイライトに使われる背景色 |