Matcha Fusion Friends Social Media Banner
Use the uploaded image as the main design reference. Do not invent a new layout, color palette, typography system, or shape language — follow the upload exactly.
Generate a square social media promotional banner design in 1:1 aspect ratio, 1080 × 1080 px composition. The final output must be a fully composited flat banner image — all zones, background colors, typography, graphic shapes, decorative elements, and the product subject must appear together in one single flat image. The transparency checkerboard (alpha channel) must not be visible anywhere in the final output. Every pixel of the 1080 × 1080 px canvas must be filled with the banner design. Do not output a standalone transparent cutout or isolated subject.
ZONE LOCK — THIS IS A HARD BOUNDARY: The left product/photo zone occupies exactly 50% of the canvas width (540px at 1080px canvas). The right headline/CTA zone occupies exactly 50% of the canvas width (540px), spanning from 50% to 100% from the left (540px–1080px). The product cutout from the left zone bleeds slightly into the right zone at the centre boundary. The generator must not redistribute these zone proportions under any circumstance.
Layout: circular logo mark top-left at 3%–14% width (32px–151px) and 3%–14% height (32px–151px). Vertical quote text along the left edge at 1%–4% width and 8%–92% height. Main product cutout left-centre at 8%–62% width (86px–670px) and 5%–88% height (54px–950px). "follow us on" and social icons top-right at 56%–96% width (605px–1037px) and 3%–10% height (32px–108px). Main headline "MATCHA / FUSION / FRIENDS" right-centre at 52%–97% width (562px–1048px) and 12%–55% height (130px–594px). "MY / PERFECT / SUMMER" small insert at 80%–96% width and 20%–42% height. White curved arrow doodle at approximately 55%–68% width and 52%–60% height. Description text "milk / silky creamer / swirl" at 58%–88% width and 55%–72% height (594px–778px). "BUY NOW" CTA pill bottom-right at 62%–92% width (670px–994px) and 88%–96% height (950px–1037px). Reading order: "MATCHA FUSION FRIENDS" → product cutout → "milk / silky creamer / swirl" → "BUY NOW" → logo → social icons.
Background & color blocking: full canvas base is pale soft mint-green #D8EDD8 — a light desaturated green with cool undertone, flat and uniform, filling the left zone and bottom band. On top of the mint base: a large deep olive-green rectangular panel #3A5A1A occupying the right 50% of the canvas from top to approximately 78% canvas height (0px–843px at 540px–1080px width) — flat solid olive-green, no gradient, hard left edge at exactly 50% canvas width (540px), hard bottom edge at approximately 78% canvas height (843px). Below this olive panel on the right side: the pale mint base continues. Soft blurred green leaf-like overlays at top-left corner approximately 0%–18% width and 0%–18% height — blurred dark green organic leaf shapes at approximately 20% opacity creating a soft corner accent. Similar soft blurred green leaf overlay at bottom-right approximately 82%–100% width and 82%–100% height at low opacity. A large mound of vivid matcha green powder #4A8A20 visible at the lower-left and lower-centre of the canvas at approximately 5%–55% width and 75%–100% height — fine granular texture, bright vivid green, scattered powder dust around the mound edges. Two green macarons — round sandwich cookies approximately 8% canvas width diameter, pale mint-green shells #A8C890 with cream filling visible at the join, positioned at approximately 5%–20% width and 80%–96% height, partially behind the powder mound.
Graphic shapes: deep olive-green right panel as described. Large matcha powder mound lower area. Two green macarons lower-left. Soft blurred green leaf corner overlays. White hand-drawn curved arrow #FFFFFF approximately 2px stroke at approximately 55%–68% width and 52%–60% height — starts from near the end of "FRIENDS" headline and curves downward-left pointing toward the "milk silky creamer swirl" description text, natural hand-drawn character with arrowhead at the end. No diagonal panels, no dotted patterns, no badge shapes.
Typography: vertical quote text reads exactly "Life is better with a cup of iced latte in hand..." — very small serif or sans-serif #2A3A1A dark green at approximately 70% opacity, rotated 90 degrees counterclockwise, running along the left edge from approximately 8% canvas height to 88% canvas height at approximately 1%–4% canvas width. "follow us on" reads exactly as written — small lowercase sans-serif #1A1A1A dark near-black, positioned top-right at approximately 56% from left and 4% from top, approximately 16% canvas width. Main headline line 1 reads exactly "MATCHA" — tall condensed uppercase sans-serif, white #FFFFFF, strong letter-spacing approximately 0.08em, positioned at 52% from left and 13% from top, approximately 44% canvas width, approximately 13% canvas height cap-height. Main headline line 2 reads exactly "FUSION" — same tall condensed uppercase sans-serif, bright yellow-green #C8E820, same letter-spacing, positioned at 52% from left and 27% from top, approximately 35% canvas width, same cap-height as "MATCHA". Small insert text reads exactly "MY" on line 1, "PERFECT" on line 2, "SUMMER" on line 3 — very small compact bold uppercase sans-serif, white #FFFFFF, positioned immediately to the right of "FUSION" at approximately 81% from left and 27% from top, approximately 14% canvas width, approximately 4% canvas height cap-height each line, stacked vertically. Main headline line 3 reads exactly "FRIENDS" — same tall condensed uppercase sans-serif as lines 1–2, white #FFFFFF, positioned at 52% from left and 41% from top, approximately 44% canvas width, same cap-height. Description text reads exactly "milk" on line 1 — small handwritten casual script style, white #FFFFFF. "silky creamer" on line 2 — small handwritten casual script, bright yellow-green #C8E820. "swirl" on line 3 — small handwritten casual script, white #FFFFFF. All three lines at approximately 60% from left and 56% from top, approximately 26% canvas width. CTA reads exactly "BUY NOW" — bold uppercase sans-serif, white #FFFFFF.
CTA button: exact text "BUY NOW", rounded pill-shaped capsule, deep olive-green fill #3A5A1A, text white #FFFFFF bold uppercase sans-serif, approximately 20% of canvas width (216px) and 6% of canvas height (65px), right edge at approximately 92% from canvas left (994px), bottom edge at approximately 95% from canvas top (1026px), no border stroke, no drop shadow, no icon.
Badge/promo tag: no badge present — do not add one.
Iconography/social strip: top-right at 56%–92% width and 3%–10% height — "follow us on" text in small lowercase dark sans-serif followed by four small flat white social media icons each approximately 18px: YouTube icon (simplified play button rectangle), Pinterest icon (simplified P letter in circle), Instagram icon (simplified camera square outline), Snapchat ghost icon (simplified ghost outline). All icons white #FFFFFF in a horizontal row. No phone, no website URL, no email, no contact strip present.
Logo: top-left at 3%–14% width and 3%–14% height, a circular green coffee brand emblem approximately 11% canvas width diameter — deep green circle #2A5A1A with a pale cream illustrated emblem inside, positioned directly on the pale mint background. Use a generic circular coffee brand emblem rather than reproducing any trademarked logo.
Photo/image subject: Condition B applied — matcha frappuccino-style drink cup and surrounding elements composited directly onto banner, no user replacement supplied.
SUBJECT CONTAINMENT LOCK: The primary drink cup occupies approximately 30% of canvas width (324px) and 72% of canvas height (778px). Cup left edge anchored at 18% from canvas left (194px). Cup right edge anchored at 58% from canvas left (626px), slightly bleeding into the right headline zone. Cup top (including whipped cream and straw) anchored at 5% from canvas top (54px). Cup base anchored at 82% from canvas top (875px). Total subject zone including props: left boundary 5% (54px), right boundary 62% (670px), top boundary 2% (22px), bottom boundary 90% (972px).
The product subject is a large clear plastic frappuccino-style cup composited directly onto the banner — it is part of the assembled flat banner, not a floating cutout. The cup contains a creamy pale matcha blend with dramatic glossy dark-green matcha drizzle inside the cup and over the whipped cream. A generous swirl of whipped cream tops the drink, finished with thick matcha sauce and a dark green paper straw. The cup features a generic circular coffee-brand emblem instead of any trademarked logo. It sits on a vivid mound of matcha powder with two pale green macarons nearby. Lighting comes from the upper-right, creating crisp highlights on the clear plastic, glossy drizzle, and whipped cream.
Render at maximum graphic-design quality pixel-accurate to the reference. The complete 1080 × 1080 px canvas must be fully filled — no transparent regions, no transparency checkerboard, no alpha channel visible anywhere. The hard edge between the pale mint left zone and the deep olive-green right panel must be a clean straight vertical line at exactly 50% canvas width. The "MATCHA" and "FRIENDS" lines must be white while "FUSION" must be bright yellow-green. The thick matcha sauce drizzle inside and on the cup must be dramatically rendered with glossy wet quality. The large matcha powder mound at the lower canvas must have fine granular texture. The white curved arrow doodle between headline and description must have natural hand-drawn character. Use a generic coffee-brand emblem rather than any trademarked logo. No warped text, no paraphrased copy, no invented decorative elements beyond those described, no watermark, no zone boundary violations, no transparency checkerboard in output.
