背景を白の透明度を変えたグラデーションにすることで、爽やかな印象に

東京都港区にあるカフェ「Thrush Cafe」のホームページです。

トップページはスクロールをなくし、写真を画面いっぱいに表示させたとてもシンプルな構造になっています。画面上部にあるメニューは背景色を薄くすることで写真の邪魔になることはなく、メインビジュアルの写真を目立たせています。

他のページに移動すると、内容がふわっと浮き出るように出てくるアニメーションがデザインと合って落ち着いた感じになります。タイトル部分の背景を白の透明度を変えたグラデーションにすることで、爽やかな印象になります。また、文字を細くし、内容ごとの余白を大きく取ることでコンテンツを目立たせています。

内容が切り替わる時に横幅いっぱいに写真が配置されているのもいいですね！写真の位置を左右で変えたり、英語の文章を下につけたり、まるで雑誌を見ているようなデザインです。