Miro はチーム向けのビジュアル協業プラットフォームで、「無限キャンバス」で知られています。スタイルは白いキャンバスにほぼ黒の本文（#1c1c1e）で明快さを保ち、Roobert PRO Medium が多彩な OpenType 字形を活かしてブランドの筆跡を形づくります。アクセントカラーはブルー 450（#5b76fe）で、コーラル、ローズ、ティール、オレンジ、イエロー、モスグリーンといった柔らかな補助色を揃え、成功状態には緑（#00b473）を使います。ホワイトボード協業、ブレインストーミング、ビジュアライゼーションツールに適しています。
Miroデザインとクリエイティブ
プロンプトテンプレート
基本テンプレート
Design a Miro-inspired interface. - White canvas with near-black (#1c1c1e) text; - Roobert PRO Medium with multiple OpenType character variants; - Pastel accent palette: coral, rose, teal, orange, yellow, moss (light + dark pairs); - Blue 450 (#5b76fe) as primary interactive color; - Success green (#00b473) for positive states. Colors: #1c1c1e, #ffffff, #5b76fe, #2a41b6 with #5b76fe accent.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Miro aesthetics. Use Miro color identity with #5b76fe accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Miro style. Use Miro color identity with #5b76fe accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Miro design language. Use Miro color identity with #5b76fe accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Miro visual identity. Use Miro color identity with #5b76fe accents. Compelling, conversion-focused.
使用例
Miro アプリ
WebBuild a web app with Miro design language and #5b76fe color system.
Miro ダッシュボード
ダッシュボードCreate a dashboard using Miro style with data visualization and modern typography.
✅ 適した用途
- デザイン協業
- ホワイトボードとビジュアル協業ツール
- チームのブレインストーミングのシーン
❌ 適さない用途
- 読解が中心の記事サイト
- 厳粛なモノクロの管理画面
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。