No.085 BRUTUS – webサイト分析

BRUTUS公式サイト(https://brutus.jp/)分析

 

BRUTUSのwebサイトは、開くと画像が重なって雑誌のように表示されています。スクロールすると吹き出しが表示されたり、画像が動いて表示されているサイトです。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

NHaasGroteskDSPro-65Md, FOT-\7b51\7d2b\30b4\30b7\30c3\30af Pro E, sans-serif
黒系(#101010)・gray

 

 

 

color

白・グレー系(#e3e5e4)

 

 

 

メニュー

PCもスマートフォンも左上にハンバーガーメニューがあります。クリックするとイラストのリンクが並んだメニューが開きます。

 

PCハンバーガーメニュー内

 

スマートフォンハンバーガーメニュー内

 

まとめ

BRUTUSのwebサイトは、白・黒・グレーのシンプルなデザインのサイトです。サイトを開くとメインビューはカラフルなデザインで雑誌のような重なった画像が動いて切り替わり、とてもお洒落です。

初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。

 

PCトップページスクリーンショット

 

スマートフォントップページスクリーンショット

webサイト100選 | 雨とホットケーキ