Sentry は開発者向けのアプリケーションパフォーマンス監視とエラートラッキングのプラットフォームで、問題を「より明確に見て、より速く解決する」ことを可能にします。UI は純黒ではなく深い紫黒（#1f1633/#150f23）を下地に使い、紫のスペクトルが濃から明へ（#362d59 から #6a5fc1）雰囲気を敷き詰めます。ライムグリーン（#c2ef4e）は最も視認性の高い CTA にのみ与えられ、ピンクコーラルがフォーカス状態を担い、「Dammit Sans」の見出し書体が自嘲気味なブランド個性を添えます。開発者プラットフォームとデータ密度の高いダッシュボードに適しています。
Sentryバックエンドとデータ
プロンプトテンプレート
基本テンプレート
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 アプリ
WebBuild a web app with Sentry design language and #1f1633 color system.
Sentry ダッシュボード
ダッシュボードCreate a dashboard using Sentry style with data visualization and Rubik typography.
✅ 適した用途
- バックエンドシステム
- エラー監視とアラートのプラットフォーム
- 開発者運用のダークコンソール
❌ 適さない用途
- 一般向けライフスタイルアプリ
- 柔らかな暖色のブランドサイト
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。