Sentry 是为开发者提供的应用性能监控与错误追踪平台,让问题「看得更清、解得更快」。其界面用深紫黑(#1f1633/#150f23)而非纯黑作底,紫色谱系从深到亮(#362d59 到 #6a5fc1)铺陈氛围,青柠绿(#c2ef4e)只给最高可见度的 CTA,粉珊瑚色负责焦点态,「Dammit Sans」展示字体带来一丝自嘲式品牌个性。适合开发者平台与数据密集型仪表盘。
开发者工具Vibrant
提示词模板
基础模板
Design a Sentry-inspired interface. - Dark purple-black backgrounds (#1f1633, #150f23) — never pure black; - Warm purple accent spectrum: from deep (#362d59) through mid (#79628c, #6a5fc1) to vibrant (#422082); - Lime-green accent (#c2ef4e) for high-visibility CTAs and highlights; - Pink/coral accents (#ffb287, #fa7faa) for focus states and secondary highlights; - "Dammit Sans" display font for brand personality at hero scale. Colors: #1f1633, #150f23, #362d59, #6a5fc1 with #1f1633 accent. Typography: Rubik.
变体提示词
📱 移动端
Design a mobile app with Sentry aesthetics. Use Sentry color identity with #1f1633 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Sentry style. Use Sentry color identity with #1f1633 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Sentry design language. Use Sentry color identity with #1f1633 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Sentry visual identity. Use Sentry color identity with #1f1633 accents. Compelling, conversion-focused.
使用示例
Sentry 应用
Web 端Build a web app with Sentry design language and #1f1633 color system.
Sentry 仪表板
仪表板Create a dashboard using Sentry style with data visualization and Rubik typography.
✅ 适合场景
- 后端系统
- 错误监控与告警平台
- 开发者运维的深色控制台
❌ 不适合场景
- 面向大众的生活方式 App
- 柔和暖色的品牌站
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述,可复制或下载后交给 AI 编程工具使用。