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

Gemini 3.1 Dark Tech Website Prompt

Creator · aiedge_

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

Prompt

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

Gemini 3.1 Pro is insane at website design.

Exact prompt to use:

UI/UX web design for an [insert company], dark mode, minimalist, premium corporate tech aesthetic. Abstract 3D flowing fluid background shapes, glowing luminescent gradients in deep blue, purple, and emerald green. Card-based layout with subtle glassmorphism, clean sans-serif typography, high contrast white text, and generous negative space. High fidelity, 8k, Dribbble style, sleek and futuristic."

Key elements to include if you modify the prompt:

Color Palette: Dark background with vibrant, glowing neon accents.

Typography: Modern, clean sans-serif fonts.

Graphics: Abstract, fluid 3D waves or light ribbons.

Layout: Spacious, card-based, and highly structured.
≡Provenance · verifiedPublished prompts are human-checked against the original post; platform-reconstructed prompts are not accepted.Compare with source ↗

Models & stability

Recommended models

Gemini 3.1 ProGPT-5.6 Sol
Stability
92 / 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 score91.6
Desktop captureGenerated desktop UIMobile captureGenerated mobile UI
Download generated HTML ↓
claude-sonnet-5 · 88.6gpt-5.6-sol · 94.6gap · 6
  • Same model family as recommended (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 →
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 →
Claude Scrollytelling Website
AI Coding (UI)XAdded 07/28/2026

Claude Scrollytelling Website

A website case by @Oluwaphilemon1 made with Claude · Three.js · GSAP, including the public result, full prompt, and original source.

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

Prompt

How I built with Claude 👇 1. Prompt: "Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions" 2. Use Three.js for the painted texture background that reacts to cursor

Source heat · X
96
Stability
88
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 →

Same model

Latest with Gemini →

  • CapCut-Like Video Editor UI in GeminiAI Coding (UI) · Gemini 3 Pro · 2026-08-12
  • Generate 40 Simple SVG Icons with Download ButtonsAI Coding (UI) · Gemini 3 Pro · 2026-08-12
  • React-Based Premium Swiss-Style Landing Page GeneratorAI Coding (UI) · Gemini 3 Pro · 2026-08-12
  • New York Skyline SVG Single-HTML SceneAI Coding (UI) · Gemini 3 Pro · 2026-08-12
  • Agency-Style Website for a Client Named APAI Coding (UI) · Gemini 3 Pro · 2026-08-12
  • Real-Time Laser Eye Effect With Mediapipe and Three.jsAI Coding (UI) · Gemini 3 Pro · 2026-08-04

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