【1日1サイトレビュー】#132 株式会社ノワール

■株式会社ノワール https://noir-e.com/photo
株式会社ノワールのコーポレートサイト。
・トップページがメインコンテンツのフォトギャラリーになっている。スクロールに合わせて写真が下から入り込んでくるモーションが付いている。紙のような動きと写真に付いているシャドウで立体感が出ている。薄い背景色なので写真の色が映えている。

・写真を一枚ずつ開くとカテゴリが表示されてカテゴリソートもできるようになっている。

・スクロールに合わせて左上のメインロゴ周りの文字も回転する。ロゴへのホバーするとNが表裏に回転する。

・メインカラーは薄いピンクで、他には黒とグレー、白を使ってページごとに配色のバランスを変えてデザインされている。トップではピンクを全面に使い明るい雰囲気で、会社概要ではグレーを多く使って落ち着いた雰囲気に仕上げている。見出しのフォントは丸みのある特徴的なものを選んでいて、縦書きにしたり背景に散らしたりとデザインの一部になっている。

フォント：AvenirLTPro-Medium、acier-bat-solid
カラー：背景ピンク、文字#F9E5E1、文字黒#000000、フッターグレー#1A1A1A