UI Mockups/gpt-image-2

Social App Match Success Screen

A dating app match-success screen with profile cards, heart effects, and gradient UI design.

Prompt

A social dating app match success screen mockup. Two user profile cards colliding in the center with a glowing heart effect between them. The headline reads "It's a Match!" with a subtitle below. Each card shows a profile photo, name, age, location, and job title. Below the cards, two action buttons: a primary pink "Chat" button and a secondary "Continue" button. Dark purple gradient background with floating pink heart particles and sparkle effects. Clean, modern mobile UI design, 9:16 vertical aspect ratio, realistic app screenshot aesthetic, polished shadows, and glass-morphism card edges.

为什么有效

• The match-success screen is a universally recognized UI pattern, which helps the model produce accurate layouts.
• Specific UI elements (buttons, labels, profile cards) give the model clear structural targets.
• The purple-pink gradient and heart particles create a visually engaging result suitable for portfolios.

可替换变量

• app theme color
• card layout style
• particle effects
• button text

实用建议

• If the text renders poorly, use the result as a visual mockup and overlay clean text in Figma.
• For a Western dating app style, switch to "Tinder-like swipe match screen with orange accent".