HOME > FOOTER

FOOTER

footer_001

シンプルにコピーライトを中央に配置しただけのフッター

 
more demo

footer_002

背景に濃い色を2トーンで設定。ロゴと会社概要を左右に別けてたっぷりの余白で配置し、コピーライトは色を変えた次のブロックに配置しています。

 
more demo

footer_003

メニューBの中央配置でサブメニューをフッターに配置。1行のキャッチコピーとコピーライトのシンプルなフッターです。

 
more demo

footer_004

3つのブロックを組み合わたフッター。メインはコンテンツを詳細で並べたメニューと、横に並べたサブメニューは上下を区切り線で挟み多少立体感をもたせたラインにしています。

 
more demo

footer_005

左右に分割したブロックで左はロゴ・会社概要など、右はサブメニューと電話・フォームへのリンクというレイアウト。色を分けた次のブロックに右寄せでコピーライトを配置しています。

 
more demo

footer_006

大きなイラストなどがあり、その一番下の色の濃い場所に白抜きのフッター表記を載せるパターン。背景指定の画像と高さ・余白の設定で位置を合わせています。

 
more demo

footer_007

街並みなどの横長1色のイラストをフッターの色と合わせてレイアウト。

 
more demo

footer_008

4分割したブロックの一番右側の幅を広めにとりバナーを並べるような提案のフッター。スマホでは2列のメニューの下にバナーとしたいためにスマホ用のフッターはブロックを別けています。

 
more demo