A UGC-style, mobile cart screenshot advertisement mimicking a phone checkout page showing a brand name header, a highlighted testimonial banner, a discounted cart total, five clothing line items with product thumbnails and pricing (three marked "Free" with a promo code), and a bold promotional banner at the bottom — all framed on a blurred gray background suggesting a phone screen capture being shared. The overall aesthetic is screenshot-authentic, UGC-native, deal-sharing, and social-proof-viral. BLURRED BACKGROUND — FULL FRAME: A soft, out-of-focus, light gray (#C8C8C8) blurred background — suggesting the area around a phone screen when a screenshot is shared or zoomed. The blur is heavy gaussian (~20px), with very subtle lighter and darker areas creating a non-uniform, realistic phone-background feel. This frame-within-frame effect makes the ad look like a real person screenshotted their phone and shared it on social media. PHONE SCREEN / CART PAGE — CENTER (approximately 3-97% from top, inset ~8% from left and right edges): A tall, white (#FFFFFF) rectangular panel with sharp corners representing a mobile checkout/cart page. The panel occupies approximately 84% of the frame width and nearly the full height. It has a very subtle, thin drop shadow on the left and right edges (2px, 6px blur, 8% opacity) suggesting it's floating above the blurred background. BRAND NAME HEADER — TOP OF CART (approximately 4-10% from top within the white panel): Centered, "maeven" in a bold, elegant, lowercase serif in deep dark purple (#1B1725), moderate-large scale (~24px height). The lowercase treatment is distinctive and fashion-forward. A thin light gray (#E8E4E0) horizontal line sits below the brand name, separating it from the content. TESTIMONIAL BANNER — APPROXIMATELY 11-18% FROM TOP: A highlighted rectangular banner spanning ~95% of the panel width with a soft lavender (#C9B1FF) background fill — the Maeven brand color. Inside, a casual, excited testimonial in medium-weight sans-serif in deep dark purple (#1B1725), small scale, wrapping across three lines: "my friend stumbled upon this wild sale at @maeven that was so good we thought it was a scam lmao but it's not!! Link in bottom" The text is deliberately casual, with "lmao" and "!!" — mimicking real social media language. The @maeven tag is the same style (no special formatting). The lavender highlight makes this banner eye-catching and on-brand. CART TOTAL — RIGHT OF BANNER (approximately 11-18% from top, right-aligned): "$476.39" in small regular-weight sans-serif in medium gray (#8A8A8A) with a horizontal strikethrough line — the original total, crossed out. Below: "$242.39" in bold sans-serif in deep dark purple (#1B1725), slightly larger — the discounted total. The savings are immediately visible. FIVE CART LINE ITEMS — APPROXIMATELY 20-78% FROM TOP: Five product rows stacked vertically, each separated by a thin (1px) light gray (#E8E4E0) horizontal line. Each row contains: A small square product thumbnail (~55px) on the left with a circular quantity badge ("1") in purple (#C9B1FF) at the upper-right corner of the thumbnail Product name, color/size details, and optional promo code in the center Price on the right Item 1 — Womens BlanketBlend Move Joggers: Thumbnail: Light lavender (#D8D0E8) jogger pants photographed flat. Text: "Womens BlanketBlend Move Joggers" in bold sans-serif in dark purple. "LightLavender / S" in regular sans-serif in gray (#6A6A6A). Below: "🏷️ BUY2GET3FREE (-$88.00)" in small sans-serif in muted purple. Price: "$88.00" in gray with strikethrough, "Free" in bold deep purple below. Item 2 — Womens TreeCell Plush Zip Hoodie: Thumbnail: A cream/off-white (#F0E8D8) zip hoodie. Text: "Womens TreeCell Plush Zip Hoodie" bold. "OxfordTan / S" in gray. Price: "$128.00" in bold dark purple (full price — this is one of the two "paid" items). Item 3 — Womens BreezyBlend Move 2.75" Short: Thumbnail: Black (#1A1A1A) running shorts shown on a model from behind. Text: "Womens BreezyBlend Move 2.75" Short" bold. "Black / S" in gray. "🏷️ BUY2GET3FREE (-$78.00)" promo. Price: "$78.00" strikethrough, "Free" in bold purple. Item 4 — Mens BlanketBlend Move Hoodie: Thumbnail: A heather gray (#B0ACA8) hoodie on a model. Text: "Mens BlanketBlend Move Hoodie" bold. "HeatherGray / M" in gray. Price: "$98.00" in bold dark purple (full price — second "paid" item). Item 5 — Mens BlanketBlend Move Short: Thumbnail: Black (#1A1A1A) casual shorts. Text: "Mens BlanketBlend Move Short" bold. "Black / M" in gray. "🏷️ BUY2GET3FREE (-$68.00)" promo. Price: "$68.00" strikethrough, "Free" in bold purple. The three "Free" items have their original prices struck through with "Free" in bold — visually demonstrating the deal's value. The two paid items show full prices — the two most expensive items (hoodie $128 + hoodie $98 = $226, close to the discounted total). PROMO BANNER — BOTTOM OF CART (approximately 80-90% from top): A rectangular banner with a white (#FFFFFF) background and a thin border in light gray. Inside, left side: "Gi" partial text (suggesting a gift icon or code label, partially cropped) and a small circular pink/magenta (#C9B1FF) tag icon. Center-right: "BUY 2 GET 3 FREE" in extra-bold, ultra-heavy-weight, all-caps sans-serif in deep dark purple (#1B1725), very large scale — the deal's headline, bold and unmissable. SHIPPING LINE — VERY BOTTOM (approximately 92-96% from top): "Shipping ⓘ" on the left in small sans-serif in gray, "Calculated at..." partially visible on the right — mimicking a real checkout page's shipping calculation line, cropped at the bottom edge to reinforce the "screenshot" feel. CHAT BUBBLE — LOWER RIGHT (approximately 88-94% from top, right 70-85%): A small circular dark (#2B2D42) chat widget button with three white dots (...) inside — mimicking a customer service chat widget that would appear on a real ecommerce checkout page. Approximately 40px diameter. This tiny detail adds authenticity to the screenshot illusion. COLOR PALETTE: Blurred gray background (#C8C8C8), white cart panel (#FFFFFF), deep dark purple text/prices (#1B1725), soft lavender testimonial banner/badges (#C9B1FF), pale lavender-white (#F5F3FF), medium gray secondary text (#8A8A8A), light gray dividers (#E8E4E0), muted purple promo code text, product thumbnails in lavender/cream/black/gray. TYPOGRAPHY: "maeven" brand header is bold lowercase serif in deep dark purple. Testimonial is medium-weight sans-serif in deep dark purple (casual, social-media-native). Product names are bold sans-serif in dark purple. Color/size details are regular sans-serif in gray. Prices use bold sans-serif (dark purple for full price, gray strikethrough for discounted). "Free" is bold sans-serif in deep dark purple. "BUY 2 GET 3 FREE" is extra-bold all-caps sans-serif in dark purple. All cart UI text is sans-serif — mimicking standard ecommerce checkout typography. The overall composition feels like a real person screenshotted their cart during an unbelievable sale and shared it on social media — the UGC-native format is one of the most effective DTC ad types because it leverages the credibility of peer recommendation ("my friend found this!") rather than brand messaging. The casual, excited testimonial ("so good we thought it was a scam lmao") is deliberately informal and relatable. The checkout page format shows the exact value proposition in cart-line-item detail — the viewer can see exactly what they'd get and what they'd save. The "BUY 2 GET 3 FREE" structure encourages multi-item purchasing. The overall mood is excited, authentic, and deal-sharing — positioning Maeven as a premium athleisure brand running a deal so good that customers screenshot it for their friends. The deep dark purple (#1B1725), soft lavender (#C9B1FF), and white (#FFFFFF) palette is distinctly Maeven — premium, fashion-forward, and recognizable even in a utilitarian cart format. High resolution, mobile cart screenshot mockup on blurred gray background with product thumbnails, pricing, testimonial banner, and promotional deal banner, social media UGC-native ad format, 1:1 square aspect ratio.
Nano Banana 2
Martin
@martinvarto