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

Nano Banana + Flow + AntiGravity Animated Website

Creator · viktoroddy

AI Coding (UI)XAdded 07/28/2026Independently retested#web#human-reviewed
More tags (4)
#web-ui#motion-3dNano Banana · Flow · AntiGravityGPT-5.6 Sol
View original source ↗
Source ♥ 978

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 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 must be muted, autoplaying, and set to object-cover to fill the section without any color overlays.

Navigation Bar: A floating white navigation bar with rounded-[16px] and a subtle shadow.

Left: The agency logo.
Center: A menu with links for 'About', 'Works', 'Services', and 'Testimonial' using 14px Barlow Medium font.
Right: A dark (#222) primary CTA button labeled 'Book A Free Meeting' featuring a unique 45-degree arrow icon in a circular housing.
Typography & Hero Content:

Primary Headline: Centered layout. The first line 'Agency that makes your' should use a bold/medium Barlow font with tight tracking (tracking-[-4px]). The second line 'videos & reels viral' must use a large, elegant 'Instrument Serif' italic font (text-[84px]).
Subtext: Below the headline, add the text 'Short-form video editing for Influencers, Creators and Brands' in Barlow Medium, 18px, centered.
Secondary CTA: A large white pill-shaped button below the subtext labeled 'See Our Workreel' with a small play icon on the left.
Overall Aesthetic: The design should be minimal, ultra-modern, and responsive. Ensure all text and buttons are layered on top of the video background with clear visibility and proper spacing (min-h-[90vh])."
≡Provenance · verifiedPublished prompts are human-checked against the original post; platform-reconstructed prompts are not accepted.Compare with source ↗

Models & stability

Recommended models

Nano Banana · Flow · AntiGravityGPT-5.6 Sol
Stability
80 / 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 score88.4
Desktop captureGenerated desktop UIMobile captureGenerated mobile UI
Download generated HTML ↓
claude-sonnet-5 · 85.1gpt-5.6-sol · 91.8gap · 6.7
  • Same model family as recommended (Nano Banana · Flow · AntiGravity / 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.

Keep exploring

Explore related cases.

View all AI Coding (UI) Case →
AntiGravity + Gemini 3.1 Landing Page
AI Coding (UI)XAdded 07/28/2026

AntiGravity + Gemini 3.1 Landing Page

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

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

Prompt

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

Source heat · X
97
Stability
89
View 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 →
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.