BiNDism Block Design

BiNDism Block Design

FOOTER

footer_008

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

footer_007

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

footer_006

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

footer_005

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

footer_004

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

footer_003

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

footer_002

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

footer_001

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