カラースキーム検討

方針

• 行政サイトとしての信頼感


• 高級感・落ち着き


• 色数は抑える

検討案



• 架空自治体「九州県桜島市」を想定


• 無彩色＋アクセント1色


• ロゴシンボル or ロゴタイプ

CSS変数


参照：common.css

余白


--space-zero: 0;
--space-ex-sm: 0.5rem;
--space-sm: 1rem;
--space: 1.5rem;
--space-lg: 2rem;
--space-ex-lg: 3rem;

カラー案


白： #FFFFFF
青： #4169e1

• 信頼 / 洗練 / デジタル / 海

緑： #32CD32

• ポジティブ / 成長 / 安心 / 自然

橙： #FFA500

• 活力 / 温かみ / 火山

カラー案

色	HEX	HSL
青	#1A5FB4	H:225° / S:75% / L:40%
緑	#2FAF6E	H:135° / S:56% / L:44%
オレンジ	#E86A1C	H:20° / S:82% / L:51%