Discord 是「聊天、语音、组建社区」的平台。其界面深色优先，用 #1e1f22/#2b2d31/#313338 三级深度构建层次，Blurple（#5865f2）是聊天界面里唯一的饱和强调色，gg sans 字体友好几何，服务器头像为 16px 圆角方形、悬停变成正圆，聊天行距紧凑、侧栏留白慷慨。适合社区、社交与 SaaS 类产品。
效率与 SaaS现代极简
提示词模板
基础模板
Design a Discord-inspired interface. - Dark-first surfaces: #1e1f22 / #2b2d31 / #313338 (3-step depth); - Blurple #5865f2 as the only saturated accent in the chat surface; - gg sans (Whitney-style) for all text — friendly, geometric, neutral; - Rounded-square server avatars (16px radius) that snap to circles on hover; - Tight chat-row spacing, generous side-panel padding. Colors: #5865f2, #4752c4, #7289da, #1e1f22 with #5865f2 accent. Typography: - Background:.
变体提示词
📱 移动端
Design a mobile app with Discord aesthetics. Use Discord color identity with #5865f2 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Discord style. Use Discord color identity with #5865f2 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Discord design language. Use Discord color identity with #5865f2 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Discord visual identity. Use Discord color identity with #5865f2 accents. Compelling, conversion-focused.
使用示例
Discord 应用
Web 端Build a web app with Discord design language and #5865f2 color system.
Discord 仪表板
仪表板Create a dashboard using Discord style with data visualization and - Background: typography.
✅ 适合场景
- SaaS 产品
- 社区与实时聊天产品
- 游戏玩家的社交界面
❌ 不适合场景
- 严肃的政务与公益页面
- 高端奢侈品电商
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。