Prompt template

Viral Campaign Case Study Landing Page

A dark glassmorphism case-study page with a stats row, three-step timeline, charts, logo wall and rocket call-to-action; accent glow, agency and button change.

Made for GPT ImageUI & Social MockupRevision 4

Start from an example

Pick an example to load its exact settings, then make it yours.

View case

Make it yours

Only the parts worth changing are shown. The prompt updates as you go.

primary accent color

The glow lighting the dark glassmorphism layout — a neon pair works well here, since it tints the stats, the charts and the card icons alike

brand name

Agency name in the top-left logo — a growth-marketing sounding coinage, because the page presents itself as that agency's case study

call to action text

Text on the closing button — phrase the offer as a next step, and a trailing arrow keeps it looking like a live CTA

Your prompt

{ "type": "UI/UX landing page mockup", "theme": "dark mode, sleek modern aesthetic, glassmorphism, neon purple and blue glowing accents", "header": { "logo": "goViralX", "top_right_tag": "VIRAL CAMPAIGN CASE STUDY" }, "layout": { "sections": [ { "name": "Hero", "headline": "How We Created 10M+ Viral Impact", "subheadline": "3天引爆全网, 助力品牌实现指数级增长", "stats_row": { "count": 4, "labels": ["总播放量", "互动率", "转化咨询", "执行周期"], "values": ["10,240,000+", "18.7%", "3,200+", "72小时"] }, "visual": "cinematic shot of a person in a hoodie looking at glowing digital screens and graphs, large play button overlay" }, { "name": "Strategy", "title": "Our 3-Day Execution Strategy", "layout_type": "vertical timeline", "steps_count": 3, "elements_per_step": ["timeline node", "title", "bullet points", "video thumbnail with play button", "description box"] }, { "name": "Performance", "title": "Data-Driven Performance", "left_column": { "stat_cards_count": 4, "values": ["10M+", "43%", "28,000+", "3,200+"] }, "right_column": { "charts_count": 2, "chart_1": "line graph showing 7-day growth peaking at Day 3", "chart_2": "horizontal segmented bar chart showing platform distribution (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)" } }, { "name": "Keys to Success", "title": "The 3 Keys to Viral Success", "cards_count": 3, "card_elements": ["glowing icon (fire, target, antenna)", "title", "description", "VIEW DETAIL link"] }, { "name": "Social Proof", "title": "TRUSTED BY CREATORS & BRANDS", "left_column": { "logos_count": 8, "grid": "2x4", "brands": ["SHEIN", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"] }, "right_column": { "testimonial_cards_count": 2, "elements": ["quote", "author title (SaaS Founder, Growth Manager)"] } }, { "name": "Call to Action", "title": "READY TO GO VIRAL?", "interactive_elements": ["text input field", "glowing button with text '获取专属增长方案 ->'"], "visual": "3D render of a rocket ship taking off with purple and blue flames" } ] } }

Click a highlighted part to change it.

When to use it

Use when you need a mock agency results page, with numbers, timeline, charts and testimonials, to show how a campaign write-up could look.

How to get the best result

Pick a neon pair for the accent; it tints stats, charts and card icons, but the rocket flames stay purple and blue.
Give the agency a short coinage for the logo; the page presents itself as that agency's own case study.
Phrase the button as a next step with a trailing arrow; it sits beside a text input under a fixed go-viral title.

Watch-outs

Six sections with stat rows, chart labels, eight logos and testimonials make a dense page; expect small-text errors.
The logo wall is fixed to eight real company names, which the model draws approximately; no control replaces them.

Source and attribution

License: MIT
Example cases by: IndieDevHailey

Browse more

More UI & Social Mockup templates GPT Image prompt templates All templates