Composio 是智慧代理工具整合平台，為 AI 提供 1,500+ 應用的安全授權與平行工具呼叫。其風格以純黑畫布配 4-12% 透明度的微弱白描邊形成容器，abcDiatype 幾何無襯線管內容、JetBrains Mono 管技術可信度，標題行高壓至 0.87-1.0，青色與藍色微光如「自發光」點綴。適合開發者與 AI 基礎設施產品。
Composio後端與資料
提示詞範本
基礎範本
Design a Composio-inspired interface. - Pitch-black canvas with near-invisible white-border containment (4-12% opacity); - Dual-font identity: geometric sans-serif (abcDiatype) for content, monospace (JetBrains Mono) for technical credibility; - Ultra-tight heading line-heights (0.87-1.0) creating compressed, impactful text blocks; - Bioluminescent accent strategy — cyan and blue glows that feel like they're emitting light from within; - Hard-offset brutalist shadows (4px 4px) on select interactive elements. Colors: #0007cd, #00ffff, #0089ff, #0096ff with #0007cd accent. Typography: abcDiatype.
變體提示詞
📱 行動裝置
Design a mobile app with Composio aesthetics. Use Composio color identity with #0007cd accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Composio style. Use Composio color identity with #0007cd accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Composio design language. Use Composio color identity with #0007cd accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Composio visual identity. Use Composio color identity with #0007cd accents. Compelling, conversion-focused.
使用範例
Composio 應用程式
Web 端Build a web app with Composio design language and #0007cd color system.
Composio 儀表板
儀表板Create a dashboard using Composio style with data visualization and abcDiatype typography.
✅ 適用情境
- 後端系統
- 開發者工具與 API 平台
- 深色系 SaaS 主控台
❌ 不適用情境
- 明亮活潑的教育產品
- 古典出版風格的閱讀網站
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。