Design
デザインや色合いに関することを述べるページ。 他にBootstrapのカスタマイズなど。
-
アクセントカラー 茜色 #b7282e
-
プライマリカラー 瑠璃紺 #19448e
-
ベースカラー 瑠璃紺を薄めたやつ #d9e7ff
| 色 | bootstrap名 | RGB | HSV | 備考 |
|---|---|---|---|---|
| primary | #19448e |
H:217.9 S:82.4 V:55.7 | 瑠璃紺、メインカラー | |
| secondary | #d9e7ff |
H:217.9 S:14.9 V:100 | お猪口の側面の色、メインカラー2 | |
| success | #448e19 |
H:97.9 S:82.4 V:55.7 | トライアド | |
| danger | #8e1944 |
H:337.9 S:82.4 V:55.7 | トライアド | |
| warning | #8e8a19 |
H:57.9 S:82.4 V:55.7 | スプリットコンプリメンタリ | |
| info | #198e8e |
H:180 S:82.4 V:55.7 | ||
| light | #dee2e6 |
Bootstrapのgray-300 | ||
| dark | #212529 |
Bootstrapのgray-900、デフォルト | ||
| white | #f8f9fa |
Bootstrapのgray-100 |
| タグ | 設定 | デフォルト |
|---|---|---|
| h1 | 2.25rem | 2.5rem |
| h2 | 2rem | |
| h3 | 1.75rem | |
| h4 | 1.5rem | |
| h5 | 1.25rem | |
| h6 | 1rem |