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. 호환되는 외부 도구에서 사용하고 이용 조건과 결과를 확인하세요.

시작 전 확인

  • 참조 이미지가 필요한지 확인하세요. 호환 표시는 해당 모델로 이 예시를 생성했다는 뜻이 아닙니다.
  • 이름, 수치, 이미지 속 문구를 확인하세요. 모델 버전에 따라 결과가 다를 수 있습니다.

비슷한 예시

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 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

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.