厳選・オープン・無料
Descript
リーディングなAI動画編集プラットフォームのための、クリーンで温かみのある、高い機能性を持つデザイン。
aivideo
01
デザイン DNA
AI動画編集コラボレーション直感的プロフェッショナル
力強さとアクセシブルさを兼ね備えた、モダンなスタジオ。
02
カラー
#1A1A1AInk
#F1EAEDBG
#D1C7CBMuted
rgba(229,231,235,1.0)Line
可読性のための高コントラストのダークインクを採用した、温かみのあるオフホワイトのキャンバス。ヒーローセクションのアクセントとしてディープバーガンディを使用。
03
タイポグラフィ
transitional-serif · humanist-sans · monospace
- display
56px · 400 - body
18px · 400
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
標準的な4pxベースに、paddingおよびgapのための明確な8px/16px/24pxの段階。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid #E5E7EB
rgba(0,0,0,0.16) 0px 2px 4px 0px
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
重要なメッセージのための中央配置レイアウトを持つフルワイドヒーローセクションに続き、フィーチャーカードのためのマルチカラングリッド。
07
モーションとインタラクション
100msmicro
200mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
hoverおよびfocus時のフェードイン遷移 · スムーズなbackground-colorの変化
インタラクティブ要素の繊細な背景色の変化またはopacityのシフト。 · 遅延アニメーションなしの即座の視覚的フィードバック。
08
コンポーネント
- button 4pxのradiusと16pxの垂直paddingを持つ、クリーンな矩形ボタン。
- card 12pxのradiusを持つカード。大きな背景画像とオーバーレイテキストを特徴とする。
- chip カテゴリのためのシンプルなテキストベースラベル。
- input 繊細なボーダーを持つ標準フォーム入力。
- hero ディープバーガンディの背景と大胆なセリフタイポグラフィを持つ、大型の中央配置ヒーローセクション。
09
文体と禁止事項
- トーン プロフェッショナルで、明確かつ、自信を与えるもの。
- 見出し 権威と明瞭さを伝える、大胆で大きなセリフフォント。
- CTA 直接的で行動を促すもの(例:「無料で始める」)。
- ダークモードインターフェースを使用しない — スクリーンショットでは、プライマリキャンバスとして明るく温かみのあるオフホワイト背景が示されています。
- ヘッドラインに幾何学的に強く整形されたsans-serifを使用しない — スクリーンショットでは、ディスプレイテキストにクラシックなトランジショナルセリフが使用されています。
- プライマリアクセントにネオンまたはエレクトリックブルーを使用しない — スクリーンショットでは、アクセントとしてディープバーガンディとソフトコーラルレッドが使用されています。
- プライマリボタンに強く丸みのある「ピル」シェイプを使用しない — スクリーンショットでは、4pxのborder-radiusを持つボタンが示されています。
- 過度なドロップシャドウまたは3D効果を使用しない — スクリーンショットでは、 Elevated 用にサブトルな単一のbox-shadowのみを持つフラットでクリーンなサーフェスが示されています。
- 雑然としたマルチサイドバーナビゲーションを使用しない — スクリーンショットでは、豊富なホワイトスペースを備えたクリーンな水平トップナビゲーションバーが示されています。
- 避ける: 過度に技術的な専門用語
- 避ける: 雑然としたレイアウト
- 避ける: アグレッシブなネオンカラー
- 避ける: 丸みのある、泡泡のようなUI要素
- 避ける: 過度な装飾アニメーション
- 避ける: プライマリテーマとしてのダークモード
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
Descriptのデザインは、温かさと権威のバランスを取ったクリーンでプロフェッショナルなS aestheticsを備えています。可読性のために、明るいオフホワイト背景(#F1EAED)と高コントラストのダークインク(#1A1A1A)を使用しています。タイポグラフィは、大胆なヘッドラインにクラシックなトランジショナルセリフ、本文テキストにhumanist-sansを使用し、洗練されながらも親しみやすい雰囲気を生み出しています。主要なデザイン要素には、4pxベースのspacing scale、繊細な1pxボーダー(#E5E7EB)、ヒーローセクションでのディープバーガンディの抑制された使用が含まれます。重要なデザインルールは以下の通りです:1) デフォルトとしてダークモードを避ける;2) 過度に丸みのあるまたは泡泡のようなUIコンポーネントを使用しない;3) ネオンまたは高彩度のアクセントカラーを決して使用しない;4) 豊富なホワイトスペースと構造化された12カラムグリッドレイアウトを維持する。
en · zh-CN · zh-TW · ja · ko