GoodCase.aiAI News · Radar↗AI Map↗Course · LearnPrompt↗
ProjectsGoodCase.aiAI News Radar ↗AI Map ↗LearnPrompt ↗
GoodCase.aiGoodCase.aiAI Prompt Case Collection
GoodCase.ai
RankingsCasesSkillsFavoritesSubmitDailyJoin us
中文EN
Agent Access →

Projects

AI News · Radar ↗AI Map ↗Course · LearnPrompt ↗
GoodCase.aiGoodCase.aiAI Prompt Case Collection
RankingsCasesSkillsFavoritesSubmitDailyJoin us
中文EN
Agent Access →

Loading…

GoodCase.ai · AI Prompt Case Collection
DSH PluginsChangelogFeedback
ModelsCreatorsSeedance 2.5Seedance 2.0GPT Image 2GeminiNano Banana ProClaudeClaude Opus 5.5Grok ImagineVeoKlingQwen ImageGPT Image 1.5MiniMax H3

AntiGravity + Gemini 3.1 Landing Page

Creator · viktoroddy

AI Coding (UI)XAdded 07/28/2026Independently retested#web#human-reviewed
More tags (4)
#web-ui#motion-3dAntiGravity · Gemini 3.1 ProGPT-5.6 Sol
View original source ↗
Source ♥ 1.9k

Prompt

The reproduction prompt keeps the original and adds runtime, asset and acceptance requirements. These additions are not the author’s words.

Prompt:

Build a hero section with the following exact specifications:

Overall Layout:

Full-width section with background: #000000 (pure black)
Overflow hidden
Background video playing behind all content (details below)
Background Video:

Source: 
Autoplay, loop, muted, playsInline
Scaled to 120% of the container (width and height both 120%)
Horizontally centered, focal point anchored to the bottom
Sits behind all content (lowest z-index)
Blurred Background Element:

Absolute positioned, horizontally centered, top offset ~215px
Size: 801px wide × 384px tall, fully rounded (pill shape)
Color: pure black #000000
Blur: 77.5px
z-index: 1 (above video, below content)
All text and UI content sits at z-index: 2 (above everything)

Navbar (top):

Max width: 1440px, centered horizontally

Horizontal padding: 120px, vertical padding: 16px, height: 102px

Flexbox row, space-between alignment

Left side: Logo + nav links with 80px gap between them

Logo: "LOGOIPSUM" SVG mark, 134px × 25px, white fill
Nav links in a row with 10px gap between items
Each link: font Manrope, medium weight, 14px size, 22px line-height, white color, padding 10px horizontal / 4px vertical
Items: "Home", "Services" (with a 24×24 white chevron-down icon to the right, 3px gap), "Reviews", "Contact us"
Right side: Two buttons with 12px gap

"Sign In" button: white background, 16px horizontal / 8px vertical padding, 8px border-radius, Manrope semibold 14px/22px, color #171717, with a 1px #d4d4d4 border overlay
"Get Started" button: background #7b39fc (purple), 16px/8px padding, 8px border-radius, Manrope semibold 14px/22px, color #fafafa, subtle box-shadow 0px 4px 16px rgba(23,23,23,0.04)
Hero Content (centered below navbar):

Flex column, centered, max-width 871px, top margin 162px

24px gap between heading block and buttons

Heading block: flex column, 10px gap, center-aligned text

Line 1: "Automate repetitive." — font Inter, medium weight, 76px, white, letter-spacing -2px, line-height 1.15
Line 2: "Focus on growth." — font Instrument Serif, italic, 76px, white, letter-spacing -2px, line-height 1.15
Subtitle: "The next-generation AI agent platform that handles lead generation, customer support, and data entry while you build." — font Manrope, regular weight, 18px, 26px line-height, color #f6f7f9, opacity 90%, max-width 613px
CTA Buttons: flex row, 22px gap, vertically centered

"Get Started Free": background #7b39fc, padding 24px horizontal / 14px vertical, 10px border-radius, font Cabin medium 16px, line-height 1.7, white text
"Watch 2min Demo": background #2b2344 (dark purple), same padding/radius/font specs, color #f6f7f9
Dashboard Image (below hero content):

Centered, top margin 80px, bottom padding 40px
Outer container: 1163px wide (max 90% of viewport), 24px border-radius, backdrop-blur 10px, background rgba(255,255,255,0.05) (glassmorphic), transparent border 1.5px
Inner padding: 22.5px all sides
Image inside: full width, auto height, 8px border-radius, object-fit cover
≡Provenance · verifiedPublished prompts are human-checked against the original post; platform-reconstructed prompts are not accepted.Compare with source ↗

Models & stability

Recommended models

AntiGravity · Gemini 3.1 ProGPT-5.6 Sol
Stability
89 / 100
Cost
Medium
Related Skills3D and motion hero ↗Landing-page information structure ↗

Independent retest evidence

See what the same prompt generated in our test.

Retest output · not the creator's original
UIGenerated evidenceAI judged

gpt-5.6-sol

Aug 9, 2026

Retest score90.8
Desktop captureGenerated desktop UIMobile captureGenerated mobile UI
Download generated HTML ↓
claude-sonnet-5 · 89.3gpt-5.6-sol · 92.4gap · 3.1
  • Same model family as recommended (AntiGravity · Gemini 3.1 Pro / GPT-5.6 Sol). Settings the creator used beyond the prompt are not known.
  • The retest score is the mean of two AI judges (0–100) for this single generation. No person has reviewed it, and it is not a success rate.

Independent reproductions

1 person reproduced this prompt with their own work.

Reproductions · not the creator's original
卡尔
Reproduced by卡尔
Oct 15, 2026
Reproduction by 卡尔Open reproduction ↗
glm-5.3

GLM-5.3 单次生成;Codex 人工修复运行依赖、必要源码及移动布局,未重新生成。桌面/手机真实渲染和资源检查通过;完整功能与视觉还原尚未全部验收。源码、截图和修复记录见复现出处。

Reproduction source ↗

Keep exploring

Explore related cases.

View all AI Coding (UI) Case →
Gemini 3.1 Generates an Animated Website in One Go
AI Coding (UI)XAdded 07/28/2026

Gemini 3.1 Generates an Animated Website in One Go

A web case by @viktoroddy created with Gemini 3.1, including the public result, full prompt, and original source.

Skill · 3D and motion heroSkill · Landing-page information structure

Prompt

PROMPT: Build a premium electric vehicle landing page with a dark, cinematic aesthetic. The entire site uses a black background (hsl(0,0%,0%)) with light text (hsl(0,0%,95%) as primary) and orange accents (hsl(25,100%,5

Source heat · X
94
Stability
66
View case →
Nano Banana + Flow + AntiGravity Animated Website
AI Coding (UI)XAdded 07/28/2026

Nano Banana + Flow + AntiGravity Animated Website

A website case by @viktoroddy created with Nano Banana · Flow · AntiGravity, including the public result, full prompt, and original source.

Skill · 3D and motion heroSkill · Landing-page information structure

Prompt

Prompt: Build a premium, high-end hero section for a video editing agency named 'Logoisum' with the following specifications: Background: Implement a full-screen, looping video background using this URL: . The video m

Source heat · X
93
Stability
80
View case →
GPT Image 2 + Veo 3 + Lovable Marketing Site
AI Coding (UI)XAdded 07/28/2026

GPT Image 2 + Veo 3 + Lovable Marketing Site

A web case by @viktoroddy using GPT Image 2 · Veo 3 · Lovable, including the public result, full prompt, and original source.

Skill · 3D and motion heroSkill · Landing-page information structure

Prompt

Access ALL prompts for stunning animated websites in one click: # PROMPT: Recreate this landing page exactly Build a production-quality marketing landing page for a thoughtful newsletter platform called "Mindloop" as

Source heat · X
80
Stability
86
View case →

Same creator

More from @viktoroddy →

  • Nano Banana + Kling + Claude Cinematic HeroAI Coding (UI) · Nano Banana · Kling · Claude · 2026-07-28
  • Gemini vs Claude: Velorah Electric RV Landing PageAI Coding (UI) · Gemini · Claude · 2026-07-28
  • Nano Banana + Veo 3 + Lovable Animated SiteAI Coding (UI) · Lovable · Nano Banana · Veo 3 · 2026-07-28
  • Google Stitch vs. Claude Web GenerationAI Coding (UI) · Google Stitch · Claude · 2026-07-28
  • Responsive 3D Character Carousel UIAI Coding (UI) · Claude Sonnet · 2026-07-13
  • Grok Imagine + Grok Build:Veldara HeroAI Coding (UI) · Grok Imagine · Grok Build · 2026-07-28

Each detail page keeps the original result, the prompt, and retest evidence in one reading path.