厳選・オープン・無料

Descript

リーディングなAI動画編集プラットフォームのための、クリーンで温かみのある、高い機能性を持つデザイン。

aivideo
Descript のスクリーンショット
↓ デザインシステムをダウンロード (27 MB)OpenDesign で開く

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

📦 パックの中身を見る →

01

デザイン DNA

AI動画編集コラボレーション直感的プロフェッショナル

力強さとアクセシブルさを兼ね備えた、モダンなスタジオ。

02

カラー

#1A1A1AInk
#F1EAEDBG
#D1C7CBMuted
rgba(229,231,235,1.0)Line

可読性のための高コントラストのダークインクを採用した、温かみのあるオフホワイトのキャンバス。ヒーローセクションのアクセントとしてディープバーガンディを使用。

03

タイポグラフィ

transitional-serif · humanist-sans · monospace

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

コンポーネント

09

文体と禁止事項

10

パック内の実スクリーンショット

Descript — 桌面首屏（hero）
桌面首屏（hero）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Descript — 移动首屏
移动首屏

実ページから取得 · 実 computed styles

11

System Prompt

Descriptのデザインは、温かさと権威のバランスを取ったクリーンでプロフェッショナルなS aestheticsを備えています。可読性のために、明るいオフホワイト背景（#F1EAED）と高コントラストのダークインク（#1A1A1A）を使用しています。タイポグラフィは、大胆なヘッドラインにクラシックなトランジショナルセリフ、本文テキストにhumanist-sansを使用し、洗練されながらも親しみやすい雰囲気を生み出しています。主要なデザイン要素には、4pxベースのspacing scale、繊細な1pxボーダー（#E5E7EB）、ヒーローセクションでのディープバーガンディの抑制された使用が含まれます。重要なデザインルールは以下の通りです：1) デフォルトとしてダークモードを避ける；2) 過度に丸みのあるまたは泡泡のようなUIコンポーネントを使用しない；3) ネオンまたは高彩度のアクセントカラーを決して使用しない；4) 豊富なホワイトスペースと構造化された12カラムグリッドレイアウトを維持する。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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