Fictional Viral Campaign Landing Page Mockup — ClawLabs AI · MIT

Fictional Viral Campaign Landing Page Mockup — ClawLabs AI · MIT

原始文档

GPT Image 2 · en

Design a UI/UX landing page mockup in dark mode with a sleek, modern glassmorphism aesthetic and glowing [ACCENT_COLOR] accents throughout. In the header, place a logo reading '[BRAND_NAME]' on the left and a top-right tag labeled 'VIRAL CAMPAIGN CASE STUDY'. The page layout should include the following sections in order: (1) A Hero section with a bold headline '[HERO_HEADLINE]' and a subheadline stating that the campaign exploded across the internet in 3 days, driving exponential brand growth; below it, a row of 4 stat cards labeled Total Views, Engagement Rate, Conversion Inquiries, and Execution Timeframe, with values '[MAIN_STATISTIC]', '18.7%', '3,200+', and '72 hours'; the hero visual is a cinematic shot of a person in a hoodie looking at glowing digital screens and graphs, with a large play button overlay. (2) A Strategy section titled 'Our 3-Day Execution Strategy' laid out as a vertical timeline with 3 steps, each containing a timeline node, a title, bullet points, a video thumbnail with a play button, and a description box. (3) A Performance section titled 'Data-Driven Performance' with a left column of 4 stat cards showing '10M+', '43%', '28,000+', and '3,200+', and a right column with two charts: a line graph showing 7-day growth peaking at Day 3, and a horizontal segmented bar chart showing platform distribution as [PLATFORM_DISTRIBUTION]. (4) A 'Keys to Success' section titled 'The 3 Keys to Viral Success' with 3 cards, each featuring a glowing icon (fire, target, or antenna), a title, a description, and a 'VIEW DETAIL' link. (5) A Social Proof section titled 'TRUSTED BY CREATORS & BRANDS' with a left column showing an 8-logo grid arranged 2x4 featuring [BRAND_LOGOS], and a right column with 2 testimonial cards each containing a quote and an author title such as SaaS Founder or Growth Manager. (6) A Call to Action section titled 'READY TO GO VIRAL?' with a text input field and a glowing button reading '[CTA_TEXT]', accompanied by a 3D render of a rocket ship taking off with purple and blue flames.

使用方法

  1. 复制完整原始提示词,并保留其中的参数。
  2. 按需求替换主体、文字和构图要求。
  3. 在兼容的外部工具中使用,核对当前使用条件并检查结果。

开始前需了解

  • 先确认是否需要参考图。标注兼容模型,不代表该示例由这个模型生成。
  • 核对名称、数字与画面文字;不同模型版本的结果可能不同。

相似案例

Indonesian School Nutrition Landing Page
GPT Image 2en

Create a modern government program landing page UI mockup for Indonesia in a clean, professional web design style, desktop widescreen aspect ratio. The page uses a white background with bold red accents, soft rounded corners, subtle gray dividers, and a polished frontend-dribbble

Men's Skincare Landing Page Mockup
GPT Image 2en

{ "type": "Website landing page homepage", "theme": { "style": "Fashionable, Professional, Modern, Dark Mode", "colors": "{argument name=\"primary color theme\" default=\"Dark Navy Blue and Black\"}" }, "layout": { "header": { "logo": "{argument name=\"b

Indonesian School Nutrition Landing Page
GPT Image 2en

Create a modern landing page UI mockup for an Indonesian government project, employing a clean, professional web design style adapted to widescreen desktops. The page background is white, accented with striking red details, soft rounded corners, and subtle gray dividing lines, pr

Fitness SaaS Landing Page UI
GPT Image 2en

Design a modern, high-end{argument name="app type" default="Fitness app"} Landing page and product UI, brand name is{argument name="brand name" default="PulseFit"} Create a clean web design mockup that resembles a legitimate SaaS fitness platform and its accompanying mobile app.

Fictional Skincare Landing-page Layout — ClawLabs AI · MIT
GPT Image 2en

Design an e-commerce landing page hero section for a skincare brand called [BRAND_NAME]. The theme is refreshing skincare with a clean aesthetic and a background of floating water bubbles. Use a color palette of white, [PRIMARY_COLOR], and light blue. Layout: - Header: display t