厳選・オープン・無料

Warp

プロフェッショナリズムと技術的精緻さを伝えるために、ダークで没入感のある美学を用いた、現代的なSaaS開発者ツールブランディングの好例です。

Developer Tools Dark Mode Bold Typography AI Clean
Warp のスクリーンショット

オリジナル: https://www.warp.dev

OpenDesign で開く

デザイン DNA

視覚言語

純黒、白、および階層構築に必要な最小限のグレー範囲のみを使用した、厳格でハイコントラストのダークモードパレットです。

レイアウト構造

余裕のある垂直リズムと、機能プレゼンテーション用の2カラムグリッドを持つ、中央揃えの最大幅コンテナレイアウトです。

インタラクション形態

静的なプレゼンテーション内での、ボタンやリンクの微妙なhover遷移に依存し、ミニマルで機能的です。

モーション規則

hover状態とページ遷移に限定される可能性が高く、安定性とパフォーマンスを重視した、暗示的な最小限のモーションです。

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