A vertical mobile UI mockup showing one selfie transformed into photo, manga, retro comic, and pixel-art styles for a comic conversion tool.
Goal: Create a vertical promotional app-style mockup for a “selfie to comic” image transformation tool, showing one portrait converted into multiple comic styles while keeping the same face structure recognizable.
Canvas: Tall smartphone-like 4:5 composition, dark glossy interface frame with thin cyan glow lines along the left and right edges. Background outside the phone is softly blurred, like a desk or creative studio with papers and drawing materials.
Layout: The main preview fills most of the screen and is split into exactly 4 vertical style panels from left to right: 1) realistic selfie/photo style, 2) black-and-white manga ink drawing, 3) saturated retro comic book halftone style, 4) chunky pixel-art avatar style. A large centered square mask/placeholder covers the middle of the face and upper torso area, colored warm beige/gray, as if the central facial region is intentionally hidden. Below the main preview is a dark carousel strip with exactly 4 rounded thumbnail cards matching the same four styles: photo selfie, manga ink, retro comic, and pixel art.
Subject details: Use a young woman with dark brown/black messy hair tied in a high bun, visible eyebrow and eye on the left and right panels, medium warm skin tone, wearing a simple dark crew-neck shirt and a thin necklace. Keep the same head position across all four transformations.
Style panel details: The photo panel should look like a casual indoor selfie with shallow depth of field and natural texture. The manga panel should use dramatic black ink, white highlights, crosshatching, and clean linework. The retro comic panel should use bold outlines, red and yellow background bursts, blue-black hair highlights, orange skin tones, and halftone dots. The pixel-art panel should use large square pixels, simplified facial features, teal background, and a limited palette.
Visual style: High-contrast social media product preview, crisp vertical divisions, glossy black UI chrome, neon cyan accents, clean rounded thumbnail cards, polished GPT-image promotional aesthetic.
Constraints: Include exactly 4 main vertical panels and exactly 4 bottom thumbnails. Do not add readable text, logos, or watermarks. Keep the central beige square mask prominent and perfectly centered. Use dark futuristic mobile UI, manga, retro comic, and pixel art selfie conversion, and blurred creative studio desk.
