素敵なデザインのWebサイトまとめ – 2025.09

9月に出会った素敵なデザインのWebサイトをまとめました。今月は、背景やアクセントにグラデーションを活用したデザインにたくさん出会えました。リクルートサイトがやや多めの印象です。

株式会社藤興機

爽やかなブルーのグラデーションに、明るいイエローのアクセントカラーが素敵なWebデザインです。縁取りされた見出しや、筆記体のあしらいなど細かなデザインアイディアが光ります。

ノイズグラデーションの魅せるメインビジュアルが圧巻のWebデザインです。奥行きを体感できるスクロールアニメーションやコンテンツの見せ方も秀逸です。

落ち着いた配色のグラデーションとドロップシャドウが素敵なWebサイトです。ピクトグラムにもうっすらとグラデーションがかかっています。

ダークな背景に、ピンクとパープルのビビットなグラデーションの先進的な雰囲気が素敵なWebデザインです。文字がスロットのように回って表示される、サイバー系な見出しの切り替わりもカッコイイです。

ピンクとブルーのグラデーションをメインカラーに使用したWebデザインです。背景にも同系色を使用した透明感のあるグラデーションを使用しています。

透明感のある淡い配色のグラデーションが美しいWebサイトです。マウスポインターに合わせて水の波紋が浮かび上がるエフェクトも素敵です。

パステルカラーのオレンジ、ブルー、パープルのグラデーションが美しいWebデザインです。グラデーションの各単色をアクセントに使用したり、薄いグラデーションを背景に使用するアレンジも素敵です。

ライトブルーとパープルのクリアな印象のグラデーションをアクセントに使用したWebデザインです。メインビジュアルのゆるっとしたイラストと同じグラデーションが、ボタンや見出しのラインにアクセントして使用されています。

淡い水色のグラデーションの背景に、赤と青のイラストがポップなWebデザインです。1文字目だけ色を変えた見出しや矢印のアイコンも素敵です。

紅色と黄色のグラデーションを背景にしたボトルの写真が目を惹くWebデザインです。製品イメージに合わせた紅色の配色が素敵です。