MongoDB はドキュメント型データベースのリーダーで、AI 時代のモダンなリアルタイムアプリにインテリジェントなデータプラットフォームを提供します。スタイルは深い青緑黒の「フォレストダーク」（#001e2b）を宇宙の黒に代えて使い、ネオングリーン（#00ed64）が唯一のブランドアクセントカラーです。Value Serif のセリフ体がヒーロー見出しを担い、Euclid Circular A がウェイト 300 で本文を、Source Code Pro が 1〜3px の大文字と広いトラッキングで技術ラベルを出力します。データプラットフォームと開発者ドキュメントに適しています。
MongoDBバックエンドとデータ
プロンプトテンプレート
基本テンプレート
Design a MongoDB-inspired interface. - Deep teal-black backgrounds (#001e2b) — forest-dark, not space-dark; - Neon MongoDB Green (#00ed64) as the singular brand accent — electric and organic; - MongoDB Value Serif for hero headlines — editorial authority at tech scale; - Euclid Circular A for body with weight 300 (light) as a distinctive body weight; - Source Code Pro with wide uppercase letter-spacing (1px–3px) for technical labels. Colors: #001e2b, #00ed64, #00684a, #006cfa with #001e2b accent. Typography: - Background:.
バリエーションプロンプト
📱 モバイル
Design a mobile app with MongoDB aesthetics. Use MongoDB color identity with #001e2b accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with MongoDB style. Use MongoDB color identity with #001e2b accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with MongoDB design language. Use MongoDB color identity with #001e2b accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with MongoDB visual identity. Use MongoDB color identity with #001e2b accents. Compelling, conversion-focused.
使用例
MongoDB アプリ
WebBuild a web app with MongoDB design language and #001e2b color system.
MongoDB ダッシュボード
ダッシュボードCreate a dashboard using MongoDB style with data visualization and - Background: typography.
✅ 適した用途
- バックエンドシステム
- データベース製品の開発者ドキュメント
- オープンソースコミュニティの技術ページ
❌ 適さない用途
- 一般消費者向けの EC 小売
- アート展覧会風のブランドページ
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。