AI & Machine Learning Design Prompts
Cutting-edge AI design prompts for artificial intelligence and ML platforms. Inspired by ChatGPT, Midjourney, and Perplexity - create interfaces that make AI feel approachable, powerful, and trustworthy.
What is Ai Website Design?
AI platform design makes complex technology accessible. These designs feature conversational interfaces, clear input/output flows, loading states that indicate thinking, and transparency about AI capabilities and limitations. The goal is to build trust while showcasing power.
Common Use Cases
- AI chatbot interfaces
- Image generation platforms
- AI writing assistants
- Machine learning dashboards
- AI-powered search engines
Design Characteristics
- Conversational UI patterns
- Clear input/output distinction
- Thinking/loading indicators
- Capability transparency
- Example prompts and guides
Ai Design Prompts
ChatGPT
AI## Color Palette - Primary: #10A37F (OpenAI Green) - Background: #343541, #202123 - Text: #ECECF1, #8E8EA0 - Accent: #10A37F ## Typography - Font: Söhne, system sans-serif - Headings: 600 weight - Body: 400 weight, 16px ## Layout Principles - Chat interface focus - Sidebar conversations - Input prominence - Response streaming ## UI Components - Message bubbles - Regenerate buttons - Code blocks - Copy buttons ## Visual Style - Conversational AI - Minimal distractions - Dark for focus - Streaming responses
Midjourney
AI## Color Palette - Primary: #FFFFFF - Background: #1A1A1C, #000000 - Text: #FFFFFF, #71717A - Accent: #5865F2 (Discord) ## Typography - Font: Whitney, system sans-serif - Headings: 700 weight - Body: 400 weight, 14px ## Layout Principles - Image grid galleries - Generation history - Discord integration - Prompt input focus ## UI Components - Image grids - Upscale buttons - Variation options - Style parameters ## Visual Style - AI art showcase - Dark gallery mode - Generated imagery - Creative exploration
Perplexity
AI## Color Palette - Primary: #20808D (Teal) - Background: #FFFFFF, #F7F7F7 - Text: #1A1A1A, #666666 - Accent: #20808D ## Typography - Font: Inter, system sans-serif - Headings: 600 weight - Body: 400 weight, 15px ## Layout Principles - Answer-first design - Source citations - Follow-up suggestions - Thread conversations ## UI Components - Source cards - Citation numbers - Search input - Related queries ## Visual Style - Research assistant - Clean answers - Citation transparency - Knowledge focus
Frequently Asked Questions
How do you design conversational AI interfaces?
Conversational AI needs clear message distinction (user vs AI), typing indicators, easy input methods, conversation history, and the ability to refine or regenerate responses. Show the AI's limitations upfront and provide example prompts for new users.
How should AI loading states work?
AI loading states should feel like 'thinking' not 'broken.' Use animated indicators, show partial results when possible (streaming), and provide estimated wait times for longer operations. The experience should feel responsive even during processing.
How do you build trust in AI products?
Trust comes from transparency about capabilities and limitations, consistent and predictable behavior, clear error handling, user control over outputs, and honest communication about what's AI-generated. Avoid overpromising.