Mintlify

Difficulty:
Company
mintlify

Effect Preview

Style Description

Documentation platform. Clean, green accents

Tags

MintlifySaaS

Prompt Template

Base Template
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.

Variant Prompts

📱 Mobile
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.
📊 Dashboard
Design a dashboard with Mintlify design language. Use Mintlify color identity with #18E299 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Mintlify visual identity. Use Mintlify color identity with #18E299 accents. Compelling, conversion-focused.

Usage Examples

Mintlify App

Web App
Build a web app with Mintlify design language and #18E299 color system.

Mintlify Dashboard

Dashboard
Create a dashboard using Mintlify style with data visualization and Inter typography.

✅ Best For

  • SaaS
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines