フッダーの紹介〜白基調としたサイト〜

白を基調としたサイトの場合、フッダーデザインは、実際どのようなデザインが使われているのでしょうか。

私がデザインする際に困ったことが有りましたので、実際にあるサイトをまとめて紹介していきます。

背景色：白（＃FFFFFF）
文字色：黒（#292A2C）
（通常ページとフッダーのさかいめがないサイト）

ANDMADE Inc.

背景色：灰色(#F6F6F6)
文字色：黒色(#000000)
上部で使用していない色を使用している

楽天グループ株式会社コーポレートサイト

背景色：灰色(#686C6E)
文字色：灰色(#9DA4A8)
上部で使用していない色を使用してい

Y'sデンタルクリニック（審美治療・部分矯正・精密歯科）｜名古屋・栄・歯科

背景色：黒（#000000）
文字色：白（#FFFFFF）
背景色と文字色を反対色にすることで、フッダーの差別化を図っています

ガールフイナム | GIRL HOUYHNHNM - Girls Just Want To Have Fun -

背景色：水色（#AAE5FF）
文字色：黒色（#000000）
アクセントで使用している色をフッダーのは背景として使用している例です

京都精華大学

以上、最後までご覧いただきありがとうございました。