厳選・オープン・無料

Webflow

このデザインは、プロフェッショナルさと親しみやすさを両立した、高コンバージョン率のSaaSランディングページの教科書的な例と言えます。

Productivity Clean Refined Grid Tooling
Webflow のスクリーンショット

オリジナル: https://webflow.com

OpenDesign で開く

デザイン DNA

視覚言語

ハイコントラストの白と黒を基調とし、主要アクションに単一の鮮やかな青をアクセントとしたミニマルなパレットです。

レイアウト構造

余白をたっぷりと活用した、洗練された中央揃えの12カラムグリッド。モダンなSaaSランディングページの典型的な構成です。

インタラクション形態

繊細なhover状態とスムーズな遷移により、洗練されたプロフェッショナルなユーザー体験を実現します。

モーション規則

アニメーションは最小限に抑え、コンテンツの表示にフェードインやスライドを用いるのが適切です。

en · zh-CN · zh-TW · ja · ko