Loom は非同期の動画コミュニケーションツールの UI です。紫（#625DF5）がメインブランドカラーとして録画と共有の動線をマークし、動画そのものが第一級の存在です——大きなプレイヤー、フローティングの小窓、録画コントロールがコンテンツを囲んで配置されます。下地の白とライトグレー（#F7F7F8/#E4E4E7）が動画をより明るく引き立てます。動画協業、リモートワーク、コンテンツ共有プロダクトに適しています。
Loom Design Systemテーマと特色
プロンプトテンプレート
基本テンプレート
Design a Loom-inspired interface. Colors: #FFFFFF, #F7F7F8, #E4E4E7, #625DF5 with #625DF5 accent.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Loom aesthetics. Use Loom color identity with #625DF5 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Loom style. Use Loom color identity with #625DF5 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Loom design language. Use Loom color identity with #625DF5 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Loom visual identity. Use Loom color identity with #625DF5 accents. Compelling, conversion-focused.
使用例
Loom Design System アプリ
WebBuild a web app with Loom design language and #625DF5 color system.
Loom Design System ダッシュボード
ダッシュボードCreate a dashboard using Loom style with data visualization and modern typography.
✅ 適した用途
- テーマ型のシーン
- 動画協業と録画ツール
- 動画優先のプロダクトページ
❌ 適さない用途
- テキスト読解が中心のサイト
- 高密度なテーブルの管理画面
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。