upstaiz

サイトURL

https://upstairz.it/en

講評

今回もGSAPゴリゴリのサイト。
トップ画像の右下にある、風景をsvgでマスクした部分は、画像とマスクでスクロールのスピードを変えている。
その下に続くセクションは、物件ごとの写真を横スクロールにして見せる。
物件ごとの写真が一通り終わると、下のセクションに移る。
商品やイベントなど、このような見せ方は参考になる。

色分析

写真がメインであり、文字色は#000、最下段にある青文字は#00BAD8。シアンのブライトトーン。

フォント分析

物件ごとのタイトルは、フォント全体のラインやエッジはクリーンでシャープに仕上がっているTTLivretDisplay-M。視認性が高いのでタイトルなどで使われやすい。
その他の文字に、CircularXX-Medium、Meiryo、CircularXX。