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 應用程式
Web 端Build 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 程式設計工具使用。