Mintlify は「エージェントのためのドキュメントプラットフォーム」で、スタートアップ、エンタープライズ、AI に自動更新されるドキュメント体験を提供します。UI は Inter の詰まった負のトラッキング（-0.8px から -1.28px）で見出しを圧縮し、Geist Mono が 12px の大文字に広いトラッキングで「ターミナルの口調」の技術ラベルを出力します。ブランドグリーン（#18E299）は CTA、ホバー、フォーカスリングにのみ現れ、クラウドホワイトのグラデーションのヒーローエリアが 16px、24px、全ピル型の角丸階層と調和します。ドキュメント、SaaS、開発者プロダクトに適しています。
Mintlify生産性と SaaS
プロンプトテンプレート
基本テンプレート
Design a Mintlify-inspired interface. - Inter with tight negative tracking at display sizes (-0.8px to -1.28px) — compressed yet readable; - Geist Mono for code labels: uppercase, 12px, tracked-out, the terminal voice; - Brand green (#18E299) used sparingly — CTAs, hover states, focus rings, and accent touches; - Atmospheric gradient hero with cloud-like green-white wash; - Ultra-round corners: 16px for containers, 24px for featured cards, full-round (9999px) for buttons and pills. Colors: #0d0d0d, #ffffff, #18E299, #d4fae8 with #18E299 accent. Typography: Inter.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Mintlify aesthetics. Use Mintlify color identity with #18E299 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Mintlify style. Use Mintlify color identity with #18E299 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Mintlify design language. Use Mintlify color identity with #18E299 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Mintlify visual identity. Use Mintlify color identity with #18E299 accents. Compelling, conversion-focused.
使用例
Mintlify アプリ
WebBuild a web app with Mintlify design language and #18E299 color system.
Mintlify ダッシュボード
ダッシュボードCreate a dashboard using Mintlify style with data visualization and Inter typography.
✅ 適した用途
- SaaS 製品
- プロダクトドキュメントと開発者ハンドブック
- オープンソースプロジェクトのガイドサイト
❌ 適さない用途
- 視覚的インパクトの強い EC キャンペーンページ
- ゲーム化されたソーシャル UI
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。