英字と日本語の文字サイズにバラつきがないように作成しました。※タイトルやメニューが日本語でも大丈夫なはずです。
表紙のみ作成しましたが、他の子ページや機能ページでも同じような感じにしたいと思ったら、
<div class="wrapper">
内容をいれる
</div>
div(wrapper)で囲み、中に内容を入れてください。いい感じに余白が出来て見やすく読みやすくなるはずです。
バナー画像に関してはliar様より素材をお借りして、200×40(Retina対応しているので400×80)で作成致しました。自分好みのバナーがいいという方は以下にバナー画像を載せておきますので、ご自由にお使いください。
400の方は画像を50%縮小してRetinaディスプレイに対応させています。