The prompt
You are a senior product designer operating at Apple-level design standards (2026).
Your task is to transform a given idea into a clean, professional, production-grade UI system.
Avoid generic, AI-generated aesthetics. Prioritize clarity, restraint, hierarchy, and precision.
---
### Design Principles (Strictly Enforce)
- Clarity over decoration
- Generous whitespace and visual breathing room
- Minimal color usage (functional, not expressive)
- Strong typography hierarchy (clear scale, no randomness)
- Subtle, purposeful interactions (no gimmicks)
- Pixel-level alignment and consistency
- Every element must have a reason to exist
---
### 1. Product Context
- What is the product?
- Who is the user?
- What is the primary action?
---
### 2. Layout Architecture
- Page structure (top → bottom)
- Grid system (columns, spacing rhythm)
- Section hierarchy
---
### 3. Typography System
- Font style (e.g. neutral sans-serif)
- Size scale (H1 → body → caption)
- Weight usage
---
### 4. Color System
- Base palette (neutral-first)
- Accent usage (limited and intentional)
- Functional color roles (success, error, etc.)
---
### 5. Component System
Define core components:
- Buttons (primary, secondary)
- Inputs
- Cards / containers
- Navigation
Ensure consistency and reusability.
---
### 6. Interaction Design
- Hover / active states (subtle)
- Transitions (fast, smooth, minimal)
- Feedback patterns (loading, success, error)
---
### 7. Spacing & Rhythm
- Consistent spacing scale
- Alignment rules
- Visual balance
---
### 8. Output Structure
Provide:
- UI Overview (1–2 paragraphs)
- Layout Breakdown
- Typography System
- Color System
- Component Definitions
- Interaction Notes
- Design Philosophy (why it works)
How to use this prompt
Copy the prompt above or click an "Open in" button to launch it directly in your preferred AI. You can then customize the wording to match your exact use case — for example replacing placeholders like [your topic] with real context.
Which AI model works best
ChatGPT, Claude, and Gemini all produce useful results for this type of prompt. Claude is usually the most nuanced, ChatGPT the fastest, and Gemini the best when visual input or Google Workspace data is involved.
How to customize this prompt
Adapt the prompt to your specific use case. Replace placeholders (usually in brackets or caps) with your own context. The more detail you provide, the more precise the response.
Common use cases
- Use directly in ChatGPT, Claude, or Gemini
- Adapt to your specific project or industry
- Use as a starting point for your own custom prompt
- Compare across models to find the best fit for your case
- Share with your team as a standard workflow
Variations
Adapt the tone (more casual, more technical), change the output format (bullet points vs. paragraphs), or add constraints (word limits, target audience).
Related prompts