No.082 BEYOND ARCHITECTURE – webサイト分析

BEYOND ARCHITECTURE 公式サイト(https://beyondarchitecture.jp/)分析

 

BEYOND ARCHITECTUREのwebサイトは、開くと文字が表示されていてマウスオーバーで画像が表示されます。左上に年月日と時間が表示されているサイトです。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

“游ゴシック”, “Yu Gothic”, YuGothic, “Hiragino Sans”, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, Osaka, “MS Pゴシック”, “MS PGothic”, sans-serif
“游明朝体”, YuMincho, “Yu Mincho”, “Hiragino Mincho Pro”, “ヒラギノ明朝 Pro W3”, “Hiragino Mincho Pro”, “MS P明朝”, “MS PMincho”, “serif”
Karla, sans-serif
グレー系(#535454)

 

 

 

color

白・グレー系(#F2F2F2)
枠線:グレー系(#C0C0C0)

 

 

 

メニュー

PCもスマートフォンも右上にハンバーガーメニューがあります。タップすると右から左にメニューが開きます。

 

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

 

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

 

まとめ

BEYOND ARCHITECTUREのwebサイトは、色々な読み物が掲載されているお洒落なサイトです。

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

 

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

 

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

 

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