厳選・オープン・無料

Notion

このサイトは、製品のUIを際立たせるためにダークテーマを使用した、クリーンで焦点を絞ったSaaSランディングページの優れた例です。

SaaS Productivity Product Clean Refined
Notion のスクリーンショット

オリジナル: https://www.notion.com

OpenDesign で開く

デザイン DNA

視覚言語

深い暗い青の背景に、高コントラストの白いテキスト、ボタンには控えめな青のアクセントを配置。

レイアウト構造

中央に配置されたマーケティング・ヒーローレイアウト。垂直方向に十分な余白を取り、目立つ製品スクリーンショットを配置。

インタラクション形態

ボタンや標準的なインタラクティブ要素に、控えめなhoverトランジション。

モーション規則

装飾的な背景要素に、最小限だが存在する控えめな浮遊アニメーション。

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