マネしたいポイント

冒頭の物理演算した図形がファーストビューも特徴的ですが、事例紹介部分のモノクロ画像にカラーオーバーレイを重ねることで色んなトーンの写真に変化させている点がマネしたいポイントです。CSSで色づけることで、運用上もモノクロ写真さえ作成すれば良いので負担も少なめです。

応用できそうな場面

シンプルな写真をサムネイルとして利用する場面で応用できるでしょう。使う色によっては印象が変わります。パステルカラーにすれば明るい印象に、ビビッドカラーにすればエネルギッシュになります。

懸念点

カラーオーバーレイをかける関係上、あまり暗すぎる写真などでは効果をうまく使えないかもしれません。