风格描述
AI 编程平台。以开发者为中心的深色主题
标签
OpenCodeAI 与大模型
提示词模板
基础模板
Design a OpenCode-inspired interface. - Berkeley Mono as the sole typeface -- monospace everywhere, no sans-serif or serif voices; - Warm near-black primary (#201d1d) with reddish-brown undertone, not pure black; - Off-white text (#fdfcfc) with warm tint, not pure white; - Minimal 4px border radius throughout -- sharp, utilitarian corners; - 8px base spacing system scaling up to 96px. Colors: #201d1d, #fdfcfc, #9a9898, #302c2c with #007aff accent. Typography: - Background:.
变体提示词
📱 移动端
Design a mobile app with OpenCode aesthetics. Use OpenCode color identity with #007aff accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with OpenCode style. Use OpenCode color identity with #007aff accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with OpenCode design language. Use OpenCode color identity with #007aff accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with OpenCode visual identity. Use OpenCode color identity with #007aff accents. Compelling, conversion-focused.
使用示例
OpenCode App
Web AppBuild a web app with OpenCode design language and #007aff color system.
OpenCode Dashboard
DashboardCreate a dashboard using OpenCode style with data visualization and - Background: typography.
✅ 适合场景
- AI
- Brand-consistent interfaces
- Modern web applications
✅ 不适合场景
- Unrelated design aesthetics
- Different brand guidelines