← Back

Dark-mode AI chat interface mockup

AI 聊天 App mockup / 产品 demo / 落地页 hero

Dark-mode AI chat interface mockup

The prompt

A pixel-perfect iPhone 15 Pro screenshot in dark mode of an AI chat app called
"[APP_NAME]". Status bar shows 9:41, full battery. Top of screen: a thin nav bar
with the app name centered and a small avatar circle on the right.
Body: a chat conversation showing 4 message bubbles in alternating positions:
- User (right-aligned, [USER_BUBBLE_COLOR]): "[USER_MSG_1]"
- AI (left-aligned, dark gray bubble with subtle border): a thoughtful response,
  "[AI_MSG_1]" rendered with proper line breaks, maybe a small inline code snippet
- User: "[USER_MSG_2]"
- AI (still typing): three animated dots indicator
Bottom: a rounded input field with placeholder "[INPUT_PLACEHOLDER]", a small mic
icon, and a send button (filled circle in [ACCENT_COLOR]) on the right.
Aesthetic: ChatGPT meets Linear, very polished, crisp SF Pro Display typography,
rounded corners 16pt, subtle backdrop blur. Pure black background #000.
Aspect ratio 9:19.5.

Run it now (free)

Generated

First 3 generations free, no signup. Sign in for 20/day.

More like this