今回はPLAYLIVING IZUのサイトをトレースしました。
下にスクロールしていくとふわっと表示されるようになっています。
基本情報
font
h1:Zen Old Mincho
h2:EB Garamond
p:Zen Old Mincho
menu:Montserrat
font-size
h1:32px
h2:48px
p:15px
btn:20px
color:#404040
ワイヤーフレーム
左が見本です
トレースしてわかったこと
無彩色のシンプルで無駄のないサイトです。テキストの色は真っ黒ではなく#404040でした。
使用されているフォントはすべてGoogle Fontsです。見出しや本文はスタイリッシュなフォントが使われているのに対し、ナビゲーションメニューにはMontserratという丸っこくて可愛らしいフォントが使われていました。
感想
このようにシンプルなサイトですが、柔らかさを感じたので自分なりに考察してみました。
ファーストビューの写真の左下が丸くなっていたり、ボタンにborder-radius:4px; がされていたり、ゆったりとした線が挿入されていたりしたので柔らかさを感じたのだと思いました。