← 返回提示词库

提示词工程总览

每个提示词一个独立工程 · 单文件零依赖 · 端口按序号顺排(4100 + 编号)

240已完工
240已验收
602已有提示词
727原站作品总数
4100–4826端口区间
Shamoni 打开 →
#000 已验收 :4100

Shamoni

shamoni-hero 网站

提示词 22,003 字符 · 产物 23,674 B · 文案 42/42 · 偏差 9

Sticky Hero(600vh 滚动容器 + 全屏 video 背景 + 米黄 Shamoni© SVG 字标) · clip-path 白色椭圆揭示层(rotate -15deg,内部反向 rotate 15deg 抵消) · OrbitImages 椭圆轨道画廊(6 张素材,offset-path/offset-distance 驱动) · 中央标题 Master the Elements / embrace(top-[48%],blur+opacity+y 时间轴) · 右上 2K26 / JOIN AN EXCLUSIVE COMMUNITY · 左下 0651 / COLLECTION

Creative Portfolio 打开 →
#001 已验收 :4101

Creative Portfolio

creative-portfolio 网站

提示词 5,718 字符 · 产物 18,763 B · 文案 2/2 · 偏差 6

Video Background (3 stacked crossfading mp4s + bg-black/10 overlay) · Navbar (01 / Works, 02 / Services, 03 / About, 04 / Contact + Davies@gmail.com + CUP clock + mobile Menu/Close panel) · Hero Section 1 (01 / WATER WAVE, 02 / GRIDWAVE, 03 / LIGHT TUNNEL switcher + Available for work pulse dot) · Hero Section 2 (Viktor. + paragraph + start a project CTA)

Planet Orbit 打开 →
#002 已验收 :4102

Planet Orbit

planet-orbit-hero 网站

提示词 3,316 字符 · 产物 11,774 B · 文案 12/12 · 偏差 5

Navbar (liquid-glass pill, APEX logo, Features/Solutions/Plans/Learning, Sign Up) · Announcement Badge (Nova+ Launched! + Explore chip) · Heading (Accelerate Your / Revenue Growth Now) · Subheading · Two CTA Buttons (Start Free Right Now / Schedule a Consult) · Social Proof Marquee (Relied on by brands across the globe + 6 brands)

404 Planet 打开 →
#003 已验收 :4103

404 Planet

404-planet 网站

提示词 7,661 字符 · 产物 12,561 B · 文案 10/10 · 偏差 6

BackgroundVideo · Nav · MobileMenu · Hero404 · Footer

Wellness Balance 打开 →
#004 已验收 :4104

Wellness Balance

wellness-balance 网站

提示词 7,915 字符 · 产物 14,161 B · 文案 17/19 · 偏差 7

Navbar (brand TerraElix + 4 nav links + 4 icon buttons/avatar/hamburger) · Mobile overlay menu (fixed inset-0 bg-black/90 z-30) · Hero headline (3 lines, word-by-word reveal, delays 0.3s-0.9s) · CTA (Explore Now button + paragraph) · Mobile/Tablet product image (lg:hidden, bleeds off edges) · Bottom 3-Panel Grid (Panel1 #ECEDEC / Panel2 #FEFDF9 carousel / Panel3 bg-black)

Web3 EOS Hero 打开 →
#005 已验收 :4105

Web3 EOS Hero

9 网站

提示词 5,277 字符 · 产物 35,091 B · 文案 10/10 · 偏差 6

Navbar · Hero · HeroVisual · TeaserBand · FinalCTA

Transform Data 打开 →
#006 已验收 :4106

Transform Data

transform-data-hero 网站

提示词 3,681 字符 · 产物 16,625 B · 文案 13/13 · 偏差 5

VideoBackground · Navigation · Hero · Badge · HeroHeader · SearchBox

FinancialFocus 打开 →
#007 已验收 :4107

FinancialFocus

financialfocus 网站

提示词 54,355 字符 · 产物 55,332 B · 文案 47/48 · 偏差 5

Full-screen wave background (#full-screen-wave-background) · Bottom-right wavebank brand mark (#screen-bottom-right-brand) · Bottom-left heading + descriptor (#screen-bottom-left-brand-content): Get More / With / Our Bank Cards – Easy, / Secure, Rewarding + 3-line paragraph · Header overlay: wavebank wordmark SVG logo + Order Card button + Menu icon button · 3D cylinder carousel: 5 credit cards, 5 volumetric thickness slices each (gray middle slices, video front face with contact chip + wavebank logo + double-circle mark, blurred-video back face with magnetic stripe + card number / holder / CVV)

3D Jack Portfolio 打开 →
#008 已验收 :4108

3D Jack Portfolio

3d-jack-portfolio-hero 网站

提示词 13,959 字符 · 产物 27,202 B · 文案 20/20 · 偏差 6

Hero · Marquee · About · Services · Projects

spatial mapping platform 打开 →
#009 已验收 :4109

spatial mapping platform

spatial-mapping-platform 网站

提示词 8,955 字符 · 产物 15,558 B · 文案 17/17 · 偏差 6

Section 1 — Scroll-driven hero (250vh wrapper + sticky h-screen) · Navbar (floating, brand nova, 4 links, Let's talk CTA, mobile hamburger + dropdown) · Hero area (3 floating stat cards, video background card, hero content overlay) · Section 2 — Powered by (5 logos in 2 rows)

Cargo Group 打开 →
#010 已验收 :4110

Cargo Group

cargo-group 网站

提示词 9,457 字符 · 产物 22,455 B · 文案 13/15 · 偏差 7

VideoBackground · Header(Logo + DesktopNav + MobileHamburger) · MobileMenuOverlay · HeroHeadline(BEYOND/BORDERS/AND LIMITS) · Tagline(Logistics / shaped by scale / powered by precision) · Map(MapImage + RouteLines SVG + StopDots + TransportIcons + Description)

New Era Automotive Hero 打开 →
#011 已验收 :4111

New Era Automotive Hero

8 网站

提示词 2,761 字符 · 产物 9,679 B · 文案 12/12 · 偏差 4

Background (full-height video + top/bottom 260px gradient overlays) · Large decorative text (NEW ERA) · Top navbar (pinwheel logo + Logoipsum / center nav / Sign In + Cart) · Bottom CTA (paragraph + Shop Now / Bebas Neue tagline)

SpeakUp Venture Hero 打开 →
#012 已验收 :4112

SpeakUp Venture Hero

speakup-venture-hero 网站

提示词 5,578 字符 · 产物 35,406 B · 文案 10/10 · 偏差 7

Navbar (glass, mobile collapse) · Hero (badge + H1 + subcopy + 2 CTAs + proof row) · Floating glass interface panels (desktop only) · Below-fold teaser band (3 cards) · Footer CTA strip

Lumina 打开 →
#013 已验收 :4113

Lumina

lumina-footer 网站

提示词 5,538 字符 · 产物 10,475 B · 文案 8/10 · 偏差 6

Video Background · CTA (placeholder) · Footer: Top Grid (brand + links) · Footer: Bottom Bar

NovaDesk Signup 打开 →
#014 已验收 :4114

NovaDesk Signup

novadesk-signup 网站

提示词 5,606 字符 · 产物 33,807 B · 文案 9/9 · 偏差 6

Navbar · Hero (text + signup form split) · Trust strip · Card row · Final CTA · Footer

Synapse Dark Hero 打开 →
#015 已验收 :4115

Synapse Dark Hero

7 网站

提示词 5,313 字符 · 产物 47,148 B · 文案 10/10 · 偏差 6

Navbar · Hero · TeaserBand · ProofCards · FinalCTA

Wealth Video Hero 打开 →
#016 已验收 :4116

Wealth Video Hero

0 网站

提示词 5,320 字符 · 产物 30,240 B · 文案 10/10 · 偏差 4

Navbar · Hero · Proof row · Teaser band · Footer CTA strip

Arceage Services 打开 →
#017 已验收 :4117

Arceage Services

arceage-services 网站

提示词 5,567 字符 · 产物 32,209 B · 文案 9/9 · 偏差 4

Navbar · Hero · HeroMedia · TeaserBand · FooterCTA

Velorah 打开 →
#018 已验收 :4118

Velorah

velorah-hero 网站

提示词 4,211 字符 · 产物 7,573 B · 文案 4/5 · 偏差 3

Video Background · Navigation Bar · Hero Section

EVR Ventures 打开 →
#019 已验收 :4119

EVR Ventures

evr-ventures-hero 网站

提示词 5,366 字符 · 产物 35,797 B · 文案 9/9 · 偏差 4

Navbar · Hero · HeroVisual (floating interface panels) · TeaserBand · FooterCta

Daisy Sweet 打开 →
#020 已验收 :4120

Daisy Sweet

daisy-sweet 网站

提示词 5,523 字符 · 产物 18,621 B · 文案 9/9 · 偏差 5

Navbar · Hero · TeaserBand

NeoVision 打开 →
#021 已验收 :4121

NeoVision

neovision-landing 网站

提示词 5,506 字符 · 产物 48,656 B · 文案 9/9 · 偏差 5

Navbar · Hero · Features · Showcase · CTA/Footer

avant studio 打开 →
#022 已验收 :4122

avant studio

avant-studio 网站

提示词 10,859 字符 · 产物 0 B · 偏差 5

Hero background video (fixed, scroll-scrubbed, no autoplay/loop) · Hero scrim (transparent) · Brand logo layer (mix-blend-mode: lighten, 294x126 desktop / 168x72 / 149x64) · Meta (Based in Berlin / Worldwide (12:50 PM)) · Actions (Book a call / Menu) · Approach (Our creative approach)

Kova Features 打开 →
#023 已验收 :4123

Kova Features

kova-features 网站

提示词 5,546 字符 · 产物 28,739 B · 文案 9/9 · 偏差 5

Navbar · Hero (badge + headline + subcopy + CTAs + proof row) · Floating interface panel · Teaser band (scroll cue + 3 cards) · Footer CTA

data storytelling 打开 →
#024 已验收 :4124

data storytelling

data-storytelling 网站

提示词 11,927 字符 · 产物 0 B · 偏差 4

Fixed navigation (wordmark + desktop pill + menu CTA + mobile hamburger) · Mobile menu overlay (z-90, backdrop + staggered nav items + CTA) · Hero — base background layer (hero-zoom) · Hero — spotlight reveal layer (canvas radial-gradient mask, lerp 0.1, R=260) · Hero — top row heading + paragraph (top-[12%]) · Hero — bottom right paragraph + Start uncovering CTA

Viktor Portfolio 打开 →
#025 已验收 :4125

Viktor Portfolio

19 网站

提示词 5,357 字符 · 产物 29,713 B · 文案 9/9 · 偏差 4

Navbar · Hero · Below-fold Teaser / Footer CTA

Targo Logistics Hero 打开 →
#026 已验收 :4126

Targo Logistics Hero

12 网站

提示词 5,356 字符 · 产物 24,991 B · 文案 10/10 · 偏差 4

Navbar · Hero (badge + H1 + subcopy + CTAs) · Hero visual (CSS/canvas composition) · Proof row · Teaser band · Footer CTA

Outdoor Apparel 打开 →
#027 已验收 :4127

Outdoor Apparel

outdoor-apparel 网站

提示词 15,016 字符 · 产物 26,081 B · 文案 1/1 · 偏差 5

Global setup (title ALP1NE™ / Inter Tight 600 / preconnect / reset) · Fixed background video with scroll scrub (250vh hero spacer, lerp 0.12, 30ms seek throttle) · Fixed header (brand + live clock | Collection / Journal / About | Instagram / Press / Menu) · Mobile & tablet menu overlay (<=1024px, blur(25px), staggered 0.04s) · Bottom title fixed overlay (mix-blend-mode difference, scroll translate/scale/fade/blur) · Olive text block #575234 + 7-image parallax gear collage (back layer z5 / front layer z11)

Contact Cybernetic 打开 →
#028 已验收 :4128

Contact Cybernetic

contact-cybernetic 网站

提示词 6,988 字符 · 产物 16,789 B · 文案 16/18 · 偏差 6

Background Video (native mouse scrubbing) · Interactive Navbar (logo + desktop links + CTA + mobile burger/overlay) · Hero Typewriter Headline · Secondary Description · Multi-Select Service Pills · Contingent Feedback Status Banner

3D Studio Pricing 打开 →
#029 已验收 :4129

3D Studio Pricing

3d-studio-pricing 网站

提示词 4,135 字符 · 产物 9,164 B · 文案 11/11 · 偏差 6

Hero (full-screen looping video) · Heading (Studio / rate) · Pricing Card (Toggle / Price / Features + CTA)

Creative Agency 打开 →
#030 已验收 :4130

Creative Agency

creative-agency 网站

提示词 5,768 字符 · 产物 35,825 B · 文案 9/9 · 偏差 7

Navbar · Hero · Features · Showcase · CTA/Footer

Technical Specifications 打开 →
#031 已验收 :4131

Technical Specifications

technical-specifications 网站

提示词 5,643 字符 · 产物 41,935 B · 文案 9/9 · 偏差 8

Navbar · Hero · ProofRow · SpecSheetPanel · TeaserBand · FinalActionPanel

LaunchEx About 打开 →
#032 已验收 :4132

LaunchEx About

launchex-about 网站

提示词 7,455 字符 · 产物 7,920 B · 文案 9/9 · 偏差 4

About heading + description row · Stats cards grid (3 chamfered clip-path cards) · Bottom fade overlay

Media Card Carousel 打开 →
#033 已验收 :4133

Media Card Carousel

media-card-carousel 网站

提示词 5,616 字符 · 产物 38,642 B · 文案 9/9 · 偏差 7

Navbar · Hero · Proof Row · Media Card Carousel · Footer CTA

Acreage Farming 打开 →
#034 已验收 :4134

Acreage Farming

acreage-farming-hero 网站

提示词 5,579 字符 · 产物 47,534 B · 文案 9/9 · 偏差 6

Hero · Features · Showcase · Conversion CTA + Footer

Mindloop 打开 →
#035 已验收 :4135

Mindloop

mindloop-hero 网站

提示词 5,293 字符 · 产物 38,958 B · 文案 9/9 · 偏差 9

Backdrop (obsidian + grid veil + electric/neon glow + generative particles) · Navbar (glass, wordmark / center links / right CTA / mobile menu) · Hero — badge 'Premium SaaS' · Hero — oversized H1 (word-by-word blur-in, 70ms stagger) · Hero — subcopy + primary CTA 'Start now' + secondary CTA 'View preview' · Hero — proof row 'Launch-ready / Responsive / Motion-first'

Railroad.ai 打开 →
#036 已验收 :4136

Railroad.ai

railroad-ai-hero 网站

提示词 5,349 字符 · 产物 33,572 B · 文案 8/8 · 偏差 6

Navbar · Hero · ProofRow · TeaserBand

reading library 打开 →
#037 已验收 :4137

reading library

reading-library 网站

提示词 14,570 字符 · 产物 0 B · 偏差 8

SafariToolbar · VerticalRail · FloatingDock · WindowHeader · NewReleases · ContinueReading

Cyberpunk Reveal 打开 →
#038 已验收 :4138

Cyberpunk Reveal

cyberpunk-reveal 网站

提示词 5,557 字符 · 产物 39,430 B · 文案 9/9 · 偏差 9

Hero · TeaserBand

Arceage Testimonial 打开 →
#039 已验收 :4139

Arceage Testimonial

arceage-testimonial 网站

提示词 5,622 字符 · 产物 34,724 B · 文案 9/9 · 偏差 6

Navbar · Hero · Backdrop · HeroCopy · FramedMediaPanel · ProofRow

Price Calculator 打开 →
#040 已验收 :4140

Price Calculator

price-calculator 网站

提示词 3,636 字符 · 产物 20,028 B · 文案 19/19 · 偏差 7

Header (label + h2) · Calculator Form (Service Type / Number of Pages / Add-ons / Timeline) · Cost Estimation (Agency / Freelancer / Webfluin Studio)

Pixel Grid Hover 打开 →
#041 已验收 :4141

Pixel Grid Hover

pixel-grid-hover 网站

提示词 9,233 字符 · 产物 17,019 B · 文案 21/22 · 偏差 5

Header · Case Study Cards · Footer

No-Code Waitlist 打开 →
#042 已验收 :4142

No-Code Waitlist

no-code-waitlist 网站

提示词 7,088 字符 · 产物 17,107 B · 文案 15/15 · 偏差 7

BackgroundVideo · Navbar · Hero

Finlytic AI Agent 打开 →
#043 已验收 :4143

Finlytic AI Agent

finlytic-hero 网站

提示词 5,390 字符 · 产物 34,255 B · 文案 9/9 · 偏差 8

Navbar · Hero · Ticker · TeaserBand

ADHD Planner 打开 →
#044 已验收 :4144

ADHD Planner

adhd-planner 网站

提示词 8,957 字符 · 产物 17,632 B · 文案 23/24 · 偏差 8

Hero (fullscreen video + floating pill navbar) · About (#F6E4CF cream) · Features (sticky left + scroll-linked video cards)

LaunchEx Submissions 打开 →
#045 已验收 :4145

LaunchEx Submissions

launchex-submissions 网站

提示词 5,613 字符 · 产物 33,708 B · 文案 9/9 · 偏差 7

Navbar · Hero · HeroVisual · ProofRow · TeaserBand

Inner Quest 打开 →
#046 已验收 :4146

Inner Quest

inner-quest 网站

提示词 8,397 字符 · 产物 0 B · 偏差 4

Background Video · Navigation Bar · Mobile Menu Overlay · Mobile Menu Panel · Hero Content · Bottom Bar (Desktop)

Automation Machines 打开 →
#047 已验收 :4147

Automation Machines

automation-machines-hero 网站

提示词 5,437 字符 · 产物 34,765 B · 文案 9/9 · 偏差 7

Navbar · Hero · Dashboard Visual · Teaser Band · Footer CTA

Dark Portfolio Hero 打开 →
#048 已验收 :4148

Dark Portfolio Hero

15 网站

提示词 5,366 字符 · 产物 31,503 B · 文案 10/10 · 偏差 5

Navbar · Hero · Proof row · Below-fold teaser band

Radial Diagram 打开 →
#049 已验收 :4149

Radial Diagram

radial-diagram 网站

提示词 5,923 字符 · 产物 10,642 B · 文案 8/9 · 偏差 5

Header · Glitch Portrait · Testimonial · Circle Diagram

Innovation 打开 →
#050 已验收 :4150

Innovation

innovation-landing 网站

提示词 9,438 字符 · 产物 18,732 B · 文案 22/22 · 偏差 6

Hero · About · Featured Video · Philosophy · Services

Luxury Hero 打开 →
#051 已验收 :4151

Luxury Hero

luxury-hero 网站

提示词 6,147 字符 · 产物 25,283 B · 文案 4/6 · 偏差 6

ScrollVideo (fixed, scroll-scrubbed) · PillNav (fixed pill nav) · ScrollFloat (Unleash The / Full Power) · GlassPanel (About Us + brand marquee)

Bio-Age Dashboard 打开 →
#052 已验收 :4152

Bio-Age Dashboard

bio-age-dashboard 网站

提示词 7,055 字符 · 产物 18,488 B · 文案 10/10 · 偏差 9

Background Video · Navigation Bar · Left: Main Biological Age Card (rotating bg + count-up 0->28) · Below Age Card: 3 Years Younger badge + Ruler Ticker · Right: 4 Info Cards (Upcoming Activities / Your Insights / Your Health Snapshot / Action Plan)

Cognitra Feature 打开 →
#053 已验收 :4153

Cognitra Feature

cognitra-feature 网站

提示词 3,804 字符 · 产物 5,555 B · 文案 2/2 · 偏差 5

Hero

NexaCore Process 打开 →
#054 已验收 :4154

NexaCore Process

nexacore-process 网站

提示词 5,565 字符 · 产物 33,492 B · 文案 9/9 · 偏差 8

Navbar · Hero · FloatingPanels · ProcessBand · Marquee · FooterCTA

FAQ CTA 打开 →
#055 已验收 :4155

FAQ CTA

faq-cta 网站

提示词 9,992 字符 · 产物 13,830 B · 文案 24/26 · 偏差 3

CTA card (animated gradient) · FAQ accordion · Footer

Sync AI 打开 →
#056 已验收 :4156

Sync AI

stellar-ai-v2-hero 网站

提示词 5,350 字符 · 产物 31,914 B · 文案 9/9 · 偏差 6

Navbar · Hero (badge + H1 + subcopy + CTAs + proof row) · Main visual (orbital glass panel) · Teaser band (marquee) · Footer CTA

USD Halo 打开 →
#057 已验收 :4157

USD Halo

halo-usd-landing 网站

提示词 9,034 字符 · 产物 18,492 B · 文案 18/23 · 偏差 6

Navbar (absolute over hero) · Hero (video card + h1 + Join us + brand marquee) · InfoSection (Meet USD Halo. + 3 cards) · BackedBySection (backers marquee) · UseCasesSection (Use modes + Commerce video card)

Rocket Pricing 打开 →
#058 已验收 :4158

Rocket Pricing

rocket-pricing 网站

提示词 9,396 字符 · 产物 14,511 B · 文案 38/39 · 偏差 8

Pricing header (pill "Pricing" + dot, heading, right paragraph) · Pricing cards grid (Course / Course + Lovable Templates)

Fun 404 Page 打开 →
#059 已验收 :4159

Fun 404 Page

fun-404-page 网站

提示词 6,269 字符 · 产物 9,149 B · 文案 9/9 · 偏差 5

Background 404 Text Effect · Navigation Bar · Mobile Menu Overlay · Center Video · Bottom Content

Interior Features 打开 →
#060 已验收 :4160

Interior Features

interior-features 网站

提示词 5,580 字符 · 产物 31,641 B · 文案 9/9 · 偏差 8

Navbar (glass bar: wordmark + centered links + right CTA + mobile menu) · Hero (badge + blur-in headline + subcopy + two CTAs + proof row) · Framed hero media (full-bleed HLS video layer + CSS cinematic backdrop) · Below-fold teaser band (3 cards, peeks at the bottom edge) · Footer CTA (compact brand mark + single action)

Cognitra Offer 打开 →
#061 已验收 :4161

Cognitra Offer

cognitra-offer 网站

提示词 5,562 字符 · 产物 27,811 B · 文案 9/9 · 偏差 7

Navbar · Hero · TeaserBand

Lead Funnel 打开 →
#062 已验收 :4162

Lead Funnel

lead-funnel 网站

提示词 50,506 字符 · 产物 51,302 B · 文案 108/108 · 偏差 4

PagePreloader · Header (avatar pill + Ticker + nav + mobile hamburger) · Mobile Menu overlay · Headline (KineticTextReveal) + 2-step lead form (budget → email) · Okay, next / Submit button · Submitted state (check icon + Submission accepted. + We'll be in touch shortly.)

Logoisum Video Agency 打开 →
#063 已验收 :4163

Logoisum Video Agency

14 网站

提示词 5,387 字符 · 产物 35,101 B · 文案 9/9 · 偏差 9

Navbar · Hero · ReelVisual · ProofRow · TeaserMarquee · SelectedWork

New Era Bold Hero 打开 →
#064 已验收 :4164

New Era Bold Hero

1 网站

提示词 5,337 字符 · 产物 25,427 B · 文案 10/10 · 偏差 7

Hero(min-h-100svh 满屏):玻璃导航(左 wordmark New Era Bold / 中间链接 / 右 Start now CTA + 移动端菜单按钮) · Hero 文案块:Premium Agency 徽章 + 超大 H1(逐词 blur-in)+ 副标题 + Start now / View preview 双 CTA + 视觉证明行(Launch-ready / Responsive / Motion-first) · Hero 主视觉:分层作品卡 + creative reel(CSS 渐变 + 网格 + 内高光,无外部素材) · 首屏底边 teaser band:New Era Bold / Premium Agency / Launch-ready / Responsive / Motion-first 跑马灯 · 折叠下方 Footer / CTA:紧凑品牌标记 + Start now

Orbis NFT 打开 →
#065 已验收 :4165

Orbis NFT

orbis-nft-landing 网站

提示词 8,735 字符 · 产物 19,738 B · 文案 8/9 · 偏差 5

Hero · About / Intro · NFT Collection Grid · CTA / Final

Loader Animation 打开 →
#066 已验收 :4166

Loader Animation

18 网站

提示词 5,341 字符 · 产物 28,147 B · 文案 8/9 · 偏差 6

Navigation Bar · Hero · Loader Panel · Teaser Cards · Footer CTA

Jewelry Store 打开 →
#067 已验收 :4167

Jewelry Store

jewelry-store 网站

提示词 21,677 字符 · 产物 23,533 B · 文案 33/34 · 偏差 6

Hero (gradient glow + grid lines) · Nav (desktop 左右链接 + Cart 角标 / 移动端 Logo + 汉堡) · Mobile Menu Overlay · Hero Heading "Blue Nile" · Center Hero Image · Left Column (Exclusive 卡 + 文案 + 箭头 + Explore Collection)

Pulse 3D 打开 →
#068 已验收 :4168

Pulse 3D

pulse-3d 网站

提示词 5,641 字符 · 产物 45,439 B · 文案 9/9 · 偏差 7

Navbar (glass 胶囊容器 / 左 wordmark "Pulse 3D" / 中间导航 / 右侧 Start now 按钮 / md 以下折叠为菜单按钮 + AnimatePresence 展开面板) · Hero (badge "Premium 3D Website" + 逐词 blur-in 的 H1 + 副标题 + Start now / View preview 双 CTA + 三个 proof chip) · Hero 视觉(玻璃控制台面板 + CSS 3D 旋转立方体 + 脉冲折线 SVG + 两张 proof card) · Features (三张玻璃卡,各含 lucide 图标、tag chip、标题、短正文,滚动错峰入场 + hover 上浮) · Showcase (16:9 媒体面板 + 两块重叠玻璃面板,滚动驱动的 rotateX/rotateY/translateZ 深度) · Conversion CTA / Footer (紧凑重复 offer + 品牌标记 + 三个 proof label)

Glassmorphic Feature Tabs 打开 →
#069 已验收 :4169

Glassmorphic Feature Tabs

glassmorphic-feature-tabs 网站

提示词 5,658 字符 · 产物 27,666 B · 文案 9/9 · 偏差 7

Backdrop (全屏:CSS 渐变底 + 三层 aurora 光斑 + HLS 视频 object-cover 叠层 + 网格线 + 噪点 + 暗角;外层承载滚动视差、内层承载 idle drift,两层分开避免 transform 互相顶掉) · Navbar (glass 圆角容器 / 左 wordmark "Glassmorphic Feature Tabs" / 中间三个导航链接 / 右侧 Start now 胶囊 + lg 以下折叠为菜单按钮与下拉面板) · Hero (badge "Premium Tabs" + 逐词 blur-in 的 H1 + 副标题 + Start now / View preview 双 CTA + 三个 proof chip;lg 以上 12 栏分栏,390px 起单栏堆叠、CTA 竖向排列) · Feature Tabs(核心组件:玻璃 tab bar + left/width 过渡的滑动指示器 + 三个面板,含 lucide 图标、标题、正文、meta 行与 View preview 链接;桌面端光标高光) · Teaser band (首屏下沿预告带:motion language 说明句 + 三个可 hover 上浮的 proof chip) · Footer (紧凑最终行动:品牌标记 + View preview / Start now,无营销长文)

Clarity Core 打开 →
#070 已验收 :4170

Clarity Core

bio-active 网站

提示词 7,254 字符 · 产物 16,389 B · 文案 22/22 · 偏差 4

SplashScreen · Navbar · HeroSection

EcoVolta V2 打开 →
#071 已验收 :4171

EcoVolta V2

ecovolta-v2-hero 网站

提示词 5,362 字符 · 产物 33,071 B · 文案 10/10 · 偏差 7

Navbar · Hero · ProofRow · TeaserBand · FinalCTA

VaultShield 打开 →
#072 已验收 :4172

VaultShield

vaultshield 网站

提示词 5,268 字符 · 产物 11,273 B · 文案 13/13 · 偏差 4

Navbar · MobileMenuSheet · HeroHeading · HeroSubtext · CTAButton

Mythic VPN 打开 →
#073 已验收 :4173

Mythic VPN

mythic-vpn 网站

提示词 12,528 字符 · 产物 0 B · 偏差 12

Fixed full-screen video background (Layer 1 static fallback img /helmet.jpg, Layer 2 video opacity-0 -> opacity-100 over 1500ms, scale-[1.01], autoplay recovery on click/touchstart) · Header (motion y:-40 -> 0, 1.2s, cubic-bezier [0.16,1,0.3,1]): Legion logo SVG 48x48 + "Legion VPN" wordmark · Header center: glass pill nav (Features / Servers / Pricing / Download, layoutId="activePill", spring stiffness 380 damping 30, hidden md:flex) · Header right: 64x64 circle ArrowUpRight button + "Contact Us" 64px button (hidden on mobile) + mobile hamburger with AnimatePresence drawer · Hero content 12-column grid items-end: left col-span-6 (heading 10vw/7vw/5vw/5.4vw + vertical divider + 320px description) · Hero right col-span-6: Glass Card 340x460 rounded-[3rem] with duplicated refracted video + Shield badge + 40px/40px heading + 12px/19px sub-text

Cinematic Landing Page 打开 →
#074 已验收 :4174

Cinematic Landing Page

cinematic-landing-page 网站

提示词 5,766 字符 · 产物 48,469 B · 文案 10/10 · 偏差 8

Navbar · Hero · Features · Showcase · CTA/Footer

Orbis CTA 打开 →
#075 已验收 :4175

Orbis CTA

orbis-cta 网站

提示词 5,463 字符 · 产物 28,924 B · 文案 9/9 · 偏差 9

Navbar · Hero · TeaserBand · FooterCta

Nexus IT Solutions 打开 →
#076 已验收 :4176

Nexus IT Solutions

nexus-hero 网站

提示词 5,388 字符 · 产物 0 B · 偏差 6

Navigation Bar · Hero · Teaser Band

Scroll Marquee 打开 →
#077 已验收 :4177

Scroll Marquee

scroll-marquee 网站

提示词 5,554 字符 · 产物 0 B · 偏差 4

Navbar · Hero · HeroMarqueeBand · BrandMarqueeBand · ProofCards · FooterCta

OYLA 打开 →
#078 已验收 :4178

OYLA

oyla 网站

提示词 16,269 字符 · 产物 0 B · 偏差 10

Fixed Header (OYLA logo SVG + ABOUT / hamburger / [ BAG ]) · Scroll-driven video hero (500vh, sticky 100vh, MEASURED / PURITY + DISCOVER) · Horizontal product carousel / awards (6 cards, pinned, second video reveal) · Two-column stats & copy (sticky left column + 4 stat cards) · Fixed footer reveal (Sign in / Instagram / Newsletter + footer-spacer)

Glow Features 打开 →
#079 已验收 :4179

Glow Features

glow-features 网站

提示词 3,522 字符 · 产物 0 B · 偏差 4

Glow Features Card Grid (Hardware / Studio / Motion)

Halo Use Case 打开 →
#080 已验收 :4180

Halo Use Case

halo-use-case 网站

提示词 7,595 字符 · 产物 0 B · 偏差 4

Use Cases

Mouse Trail CTA 打开 →
#081 已验收 :4181

Mouse Trail CTA

mouse-trail-cta 网站

提示词 5,538 字符 · 产物 0 B · 偏差 5

Navbar · Hero (badge / H1 / subcopy / CTAs / proof row) · Hero visual (workflow panel + floating proof cards) · Bottom-edge teaser band · Below-fold automation timeline + final CTA

Bold Studio 打开 →
#082 已验收 :4182

Bold Studio

bold-studio 网站

提示词 6,595 字符 · 产物 0 B · 偏差 9

Fullscreen background video (autoPlay/muted/loop/playsInline, object-cover) · Navbar (brand VANGUARD / Projects, Studio, Offerings, Inquire / GET IN TOUCH + hamburger) · Mobile menu overlay (fixed inset-0 z-50, bg-black/95 backdrop-blur-sm, staggered links + GET IN TOUCH) · Hero tagline (Crown + World-Class Digital Collective) · Main heading (Design. / Disrupt. / Conquer.) · Subtext (We build fierce brand identities / that don't just turn heads -- they lead.)

Product Studio 打开 →
#083 已验收 :4183

Product Studio

product-studio 网站

提示词 8,323 字符 · 产物 0 B · 偏差 5

Fixed stacked background videos (video 1 hero / video 2 section 2, IntersectionObserver crossfade) · Navbar (fixed z-50: Atom icon + KineticForge, desktop nav, mobile hamburger) · Mobile menu overlay (fixed inset-0 z-40, 4 staggered items, body scroll lock) · Section 1: Hero (Transforming the / online interaction / since 2001 + subheading) · Section 2: About + Clients (left column heading + 2 paragraphs + Learn more here; right column partners label + 6-item client grid)

Framelix 3D Studios 打开 →
#084 已验收 :4184

Framelix 3D Studios

13 网站

提示词 5,372 字符 · 产物 0 B · 偏差 9

Background (fixed parallax gradient + canvas particle field + grid overlay + readability scrim) · Navbar (glass pill: wordmark / center nav links / right CTA / mobile menu button + glass sheet) · Hero content (badge, word-by-word blur-in H1, subcopy, two CTAs, proof row) · Hero visual (layered portfolio tiles: reel card + two index tiles, cursor-aware highlight) · Below-fold teaser band (compact brand mark + proof-label marquee + final CTA)

RIVR 打开 →
#085 已验收 :4185

RIVR

rivr-hero 网站

提示词 8,496 字符 · 产物 0 B · 偏差 5

App shell (main.min-h-screen.bg-[#f0f0f0]) · Hero outer wrapper (w-full h-screen flex items-center justify-center p-3 md:p-5) · Hero section card (max-w-[1536px] rounded-[1.5rem] md:rounded-[3rem] overflow-hidden bg-white/10) · Video background (autoplay muted loop playsInline, object-[65%] lg:object-center) · Content layer (relative z-10 flex flex-col items-center) · Navbar (spacer / Ecosystem / Economics / Developers / Governance / RIVR mobile logo / Book Demo)

Crypto Wealth 打开 →
#086 已验收 :4186

Crypto Wealth

crypto-wealth-hero 网站

提示词 5,532 字符 · 产物 0 B · 偏差 7

Backdrop (fixed layered: base gradient, holographic grid, encrypted motion trails, three glow blobs, orbital token rings, vignette — scroll parallax + idle drift) · Navbar (glass container, left wordmark "Crypto Wealth", center nav links, right CTA "Start now"; mobile collapses to a compact menu button + drawer) · Hero (badge "Premium Hero Section", per-word blur-in H1, subcopy, primary CTA "Start now" + secondary CTA "View preview", proof row, orbital token composition with two proof cards) · Features (three glass cards: icon + tags + title + body) · Showcase (overlapping brand/product panels with per-panel scroll depth) · Conversion CTA / footer (compact repeat of the offer: brand mark, headline, subcopy, both CTAs, proof row)

Build With Us 打开 →
#087 已验收 :4187

Build With Us

build-with-us 网站

提示词 6,821 字符 · 产物 0 B · 偏差 7

Root (min-h-screen white, p-3 sm:p-4 md:p-6) · Rounded video card (rounded-2xl sm:rounded-3xl, overflow-hidden, viewport-height ladder) · Background video (absolute inset-0 object-cover, autoPlay muted loop playsInline) + gradient fallback · Content layer (relative z-10 flex flex-col, p-4 sm:p-6 md:p-8, gap-6) · Navbar pill (bg-white/60 backdrop-blur-md, logo SVG 32x32, Our story / Expertise / Our work / Journal, Start a project) · Spacer (flex-1 min-h-[2rem])

Growth Marketing SaaS 打开 →
#088 已验收 :4188

Growth Marketing SaaS

growth-marketing-saas 网站

提示词 5,587 字符 · 产物 0 B · 偏差 10

Background layer (fixed): CSS gradient fallback + preview video (muted/autoplay/loop, opacity 0→0.46 on canplay) + generative particle canvas (AI nodes, 46 desktop / 20 mobile) + 64px grid overlay + readability overlay + desktop cursor highlight · Navbar (glass, rounded 18px): left wordmark 'Growth Marketing' + brand mark, center nav links, right 'Start now' CTA, mobile compact menu button + collapsible panel · Hero content: badge 'Premium Hero', oversized H1 'Growth Marketing turns AI into everyday leverage' (7 words, blur(12px)/y28/opacity0 → blur(0)/y0/opacity1, 70ms stagger), subheading, two CTAs ('Start now' / 'View preview'), one visual proof row ('Launch-ready', 'Responsive', 'Motion-first') · Hero visual column: 3 sibling glass cards — 'Automation timelines' (18px radius), 'Dashboard cards' (12px radius), 'AI nodes' (8px radius) · Teaser band at the bottom edge of the viewport: marquee of glass chips (Workflow maps / Generative particles / Proof cards / Layered dashboards), 30s linear loop · Footer / CTA: compact brand mark + 'Start now'

Nimbus Ops 打开 →
#089 已验收 :4189

Nimbus Ops

nimbus-ops 网站

提示词 5,480 字符 · 产物 0 B · 偏差 8

Background layer (deep-black radial base + drifting accent blobs + masked 84px grid + idle canvas particle field + muted autoplay Mux hero video + readability scrim + cursor-responsive glow, slow scroll parallax) · Navbar (glass container: left wordmark "Nimbus Ops", center nav links, right "Start now" CTA button, compact menu button under 1024px) · Hero copy (badge "Premium CTA", word-by-word blur-in H1 "Nimbus Ops with premium motion and clarity", subheading, primary CTA "Start now" + secondary CTA "View preview", visual proof row "Launch-ready" / "Responsive" / "Motion-first") · Floating interface panel (brand mark + "Nimbus Ops" + "Premium CTA" chip, 16-bar visualizer, "Start now" + "View preview" icon action) · Below-fold teaser band (marquee of prompt labels at the bottom edge of the first viewport) · Footer CTA (compact brand mark + "Start now" / "View preview")

Cosmic 打开 →
#090 已验收 :4190

Cosmic

cosmic 网站

提示词 9,359 字符 · 产物 0 B · 偏差 7

Stars background (z-0, 40 dots, deterministic positions, starTwinkle) · Background video (z-1, muted/autoPlay/playsInline, no loop, playbackRate 1.56, ended -> headline) · Headline "WHAT'S BEYOND" (z-5, letter-by-letter reveal, Black Mustang, clamp(2.8rem,17vw,23rem)) · Animated circles (z-6, inner min(95vw,95vh)/1200px, outer min(160vw,160vh)/2200px, shrink + infinite pulse) · Rock image overlay (z-8, inset-0, opacity 0->1 over 0.6s ease-out) · Navigation bar (z-10, logo COSMIQ. + Discover/Story/Connect + Share/Share2 + mobile Menu)

Digitwist AI Builder 打开 →
#091 已验收 :4191

Digitwist AI Builder

digitwist-hero 网站

提示词 6,474 字符 · 产物 0 B · 偏差 5

Navbar (fixed, transparent, z-50, px-6 py-4, flex items-center justify-between) · Navbar left: Sunburst icon 24x24 white SVG · Navbar center: Products (ChevronDown) / Customer Stories / Resources / Pricing (hidden md:flex, gap-8, text-sm font-medium, text-white/80 hover:text-white) · Navbar right: Book A Demo (hidden sm:block) / Get Started (white pill, rounded-full px-5 py-2.5 font-semibold) · Hero container (relative w-full min-h-screen bg #000000 text-white overflow-hidden) · Background video layer (HLS mux m3u8, muted loop playsInline, object-cover opacity-60, unsplash poster)

Slam Dunk 打开 →
#092 已验收 :4192

Slam Dunk

slam-dunk-hero 网站

提示词 5,521 字符 · 产物 0 B · 偏差 7

Navbar (fixed, glass rounded container, left wordmark "Slam Dunk", center nav links, right CTA button, mobile collapses into a menu button + drawer) · Hero (full-viewport, 12-column grid): badge "Premium Hero Section", oversized editorial H1 "Slam Dunk with premium motion and clarity" with word-level blur-in (70ms stagger), subheading, primary CTA "Start now" + secondary CTA "View preview", proof row (Launch-ready / Responsive / Motion-first) · Hero two proof cards (glass, 70ms / 12px motion specs) · Background layer (CSS gradient mesh + canvas particle field, slow scroll parallax FACTOR 0.18 LERP 0.08, idle drift keyframes, cursor-responsive highlight on desktop only) · Features section: three glass cards, each with lucide icon, tags, title, short body copy · Showcase section: three overlapping glass panels (brand / motion specs / conversion) with per-panel depth parallax

Slate 打开 →
#093 已验收 :4193

Slate

slate-hero 网站

提示词 5,259 字符 · 产物 0 B · 偏差 7

BackgroundFX (视差光晕 + 网格 + canvas 粒子 + 光标高亮,absolute inset-0 pointer-events-none) · Navbar (glass 圆角容器:左字标 Slate / 中间 4 个导航链接 / 右侧 Start now 胶囊 + 移动端菜单按钮) · Hero grid (lg:grid-cols-12,左 7 列文本块,右 5 列主视觉) · Badge (Premium SaaS) · H1 (Slate turns AI into everyday leverage,逐词 blur 12px→0 / opacity 0→1 / y 28→0,70ms stagger) · Subcopy (A modern SaaS interface with layered dashboards, proof cards, and fast product storytelling.)

Aetheris Voyage 打开 →
#094 已验收 :4194

Aetheris Voyage

aetheris-voyage-hero 网站

提示词 10,721 字符 · 产物 0 B · 偏差 10

App (main.min-h-screen bg-black) → Hero → Capabilities · Hero (relative min-h-screen bg-black, 全屏背景视频无遮罩) · FadingVideo #1 (120% 宽高、top-0 顶部对齐、left-1/2 -translate-x-1/2 水平居中、object-cover object-top,rAF 交叉淡入淡出) · Navbar (fixed top-4 z-50 px-8 lg:px-16:48×48 liquid-glass 圆 + 斜体衬线小写 a / 居中 liquid-glass 药丸 5 链接 + Claim a Spot 白色药丸 / 48×48 隐形占位) · Hero badge (liquid-glass 药丸:白色 New 芯片 + Maiden Crewed Voyage to Mars Arrives 2026,delay 0.4s) · BlurText headline (Venture Past Our Sky Across the Universe,逐词 blur 10px→5px→0 / opacity 0→0.5→1 / y 50→-5→0,100ms stagger)

Luxury Focus 打开 →
#095 已验收 :4195

Luxury Focus

luxury-focus 网站

提示词 9,901 字符 · 产物 0 B · 偏差 9

Root shell (div.h-[650vh].bg-[#020202].overflow-x-hidden.antialiased.font-sans) · Fixed background video stage (fixed inset-0 z-0 pointer-events-none: 2 个 object-cover video 叠放 + display:none 的 canvas + 三层渐变遮罩) · Top progress bar (fixed top-0 left-0 h-[2.5px] bg-[#FBFF8D] z-50, width = progress*100%) · Editorial overlay header (48x48 五瓣花冠 SVG 品牌徽标 / h3 Contemporary Luxury For The Discerning Minimalist + 11px 引言 / 右侧 nav: Collections · Atelier · Our story · Contact + 竖分隔线 + User 图标 + ShoppingBag 按钮带脉动 #FBFF8D 6.5px 圆点) · Hero main grid (lg:grid-cols-12 items-end; 左 col-span-7: 三行衬线巨标题 SCULPTED BY TIME + 两段 manifesto + scrollLine; 右 col-span-5 max-w-[240px]: Abyssal Silver Ring 说明块 + aspect-[4/5] 产品卡 + $1,850 价格) · Slide-in product sheet (fixed w-full sm:w-[600px] lg:w-[648px] bg-[#FAF9F5], BACK TO SERIES / 居中商品头 / max-w-[460px] 商品图 / 负边距全出血交易行: ADD TO ATELIER BAG + 数量步进器 + 动态价格)

Nike Premium Landing 打开 →
#096 已验收 :4196

Nike Premium Landing

nike-premium-landing 网站

提示词 5,603 字符 · 产物 0 B · 偏差 10

Root shell (div.relative.min-h-screen.bg-[#050505].font-sans.antialiased.overflow-x-hidden) · Backdrop (fixed z-0: 视差渐变 + 64px 网格线 + 两团 drift 动画光晕;-inset-[30%] 留出视差余量) · Cursor highlight (fixed z-0,桌面 fine pointer 才响应 mousemove 的 380px radial-gradient,reduced-motion 下禁用) · Navbar (sticky top-0 z-50 玻璃条: 左 Nike Premium 字标 / 中 Features · Showcase · Preview / 右 Start now 按钮 + 移动端折叠菜单按钮,菜单用 AnimatePresence 展开) · Hero (min-h-[100svh] lg:grid-cols-12: 左 max-w-[640px] 文案块 = Premium Landing Page 徽章 + 逐词 blur-in 的 H1 + 副标题 + Start now / View preview 双 CTA + 三张证明卡;右 CSS 合成主视觉 = aspect-[4/5] 玻璃面板 + 两块浮动玻璃面板 Blur-in / Parallax) · Features (三张玻璃卡,每张 = 图标 + 标签 chips + 标题 + 正文,whileInView 错峰入场 + hover translateY(-4px))

futuristic eyewear 打开 →
#097 已验收 :4197

futuristic eyewear

futuristic-eyewear 网站

提示词 24,451 字符 · 产物 0 B · 偏差 6

Fixed background video (scroll-scrubbed, object-cover, scale 1.12 mobile / 1.35 desktop) · Header (Orven® logo + 3 header__col groups + '+ Cart') · Scroll track 420vh / 460vh / 500vh · Hero (sticky 100svh grid 12-col, title Orven®, title-caption__text) · Product card (image + copy + DISCOVER button) · Products (Performance collection / Shop all, horizontal scroll-snap slider)

Synthesis 打开 →
#098 已验收 :4198

Synthesis

synthesis 网站

提示词 5,643 字符 · 产物 0 B · 偏差 9

Navbar (fixed top z-50, Elias Norden logo + Articles / Allocations / Inquire) · Hero section (relative h-[700vh], sticky viewport, scroll-scrubbed video) · Phase 1 (0–0.55): frame-by-frame scrub · Phase 2 (0.55–0.65): hero layer fades out, bg-[#000308] layer fades in · Phase 3 (0.65–1.0): three paragraphs reveal sequentially · Hero headline (Merging science, defi and / lifespans into true wellness.)

editorial eyewear 打开 →
#099 已验收 :4199

editorial eyewear

editorial-eyewear 网站

提示词 10,035 字符 · 产物 0 B · 偏差 6

Fixed header .site-header (mix-blend-mode: difference, pointer-events: none) — .brand-frame > video.brand (130x56 frame / 168x56 video, margin-left -19px) · Tagline .tagline-hero (exit window [0.00, 0.45] of headerP) · Nav .menu — .menu-primary SHOP/MENU morph (SHOP exit [0.40,0.85], MENU enter [0.90,1.00]) + 4x .menu-secondary BRANDS [0.32,0.77] / SERVICES [0.24,0.69] / EVENTS [0.16,0.61] / ABOUT US [0.08,0.53] · Account .account — CART (0), SIGN IN · Hero title h1.hero-title (fixed, mix-blend-mode: difference, Georgia italic on 'refined') · Hero section .hero — fixed full viewport, margin-top 30vh lerped to 0, video.hero-bg-video scroll-scrubbed

EcoVolta 打开 →
#100 已验收 :4200

EcoVolta

ecovolta-hero 网站

提示词 5,338 字符 · 产物 0 B · 偏差 10

Background composition (fixed parallax layer): base sky/graphite gradient + sunlit amber glow + perspective solar array + grid/data overlay + scanline + slow sweep + canvas particle field · Glass navbar: left wordmark 'EcoVolta', center nav links, right 'Start now' CTA, mobile compact menu button + collapsible panel · Hero badge chip 'Premium Hero Section' · Hero H1 'Power the next era with EcoVolta' (blur-in words: blur(12px)/opacity 0/y 28px -> blur(0)/1/0, 70ms stagger) · Hero subheading paragraph · CTAs: primary 'Start now' + secondary 'View preview' (stacked on mobile)

Orbit Engineers 打开 →
#101 已验收 :4201

Orbit Engineers

orbit-engineers 网站

提示词 5,521 字符 · 产物 0 B · 偏差 10

Fixed glass navbar (wordmark 'Orbit Engineers', center nav links, right CTA 'Start now', mobile menu button + panel) · Full-viewport hero (badge 'Premium Agency', word-by-word blur-in H1, subheading, 'Start now' / 'View preview' CTAs, proof row 'Launch-ready / Responsive / Motion-first') · Two hero proof cards (glass, icon + stat + note, y -4 hover lift) · Feature section (three glass cards: icon, tag chips, title, body copy) · Showcase section (overlapping product/brand panels with scroll-led parallax depth) · Conversion CTA / footer (compact brand mark, repeated offer, 'Start now')

Unwind Hero 打开 →
#102 已验收 :4202

Unwind Hero

unwind-hero 网站

提示词 7,700 字符 · 产物 0 B · 偏差 9

Root wrapper (min-height 100vh, overflow hidden, PP Mori 400) · Full-screen background video (absolute inset 0, object-cover, autoPlay muted playsInline, no loop) · Header (WoodNest SVG logo 142x50, desktop nav Locations/Rooms/Experiences/Contact, Book Now button, mobile Menu/X + dropdown panel) · Hero main (flex column, min-height calc(100vh - 110px)) · Left column H1 (Nature's / Perfect / Hideaways, fade-up stagger 0.2/0.35/0.5) · Bottom-left row (description paragraph + rating block 4.7 from 1,800+ stays)

Daisy Wild 打开 →
#103 已验收 :4203

Daisy Wild

daisy-wild 网站

提示词 10,835 字符 · 产物 0 B · 偏差 2

WildScentSection outer (section.relative.w-full + flex flex-col-reverse md:grid md:min-h-screen, gridTemplateColumns '1fr 1fr') · Child 1 Desktop video panel (hidden md:block relative overflow-hidden, bg #111, minHeight 100%) · Child 2 Mobile video strip (md:hidden relative overflow-hidden, height 75vw, bg #111) · Child 3 ProductPanel (bg #BDE84F, noteStyle="bold") · ProductPanel 1 Top labels row ('Daisy wild' / 'Playful') · ProductPanel 2 Product image block (clamp(140px,40%,220px), aspectRatio 220/340, bg #D9D9D9, radius 2px)

Neo Museum 打开 →
#104 已验收 :4204

Neo Museum

neo-museum 网站

提示词 15,563 字符 · 产物 0 B · 偏差 9

Section 1 HERO (relative w-full min-h-screen flex flex-col overflow-hidden) · 1A HEADER — NHM 自绘 SVG 标志(viewBox 0 0 840 100,N/H/M 三组共 10 个 polygon),motion.h1 scale 1.03→1 · 1B SUB-NAV BAR — Natura/History/Museum · 两个 ArrowRight 分隔符 · 中栏说明句 · Visit/Exhibitions/Discover/Learn/About · 汉堡按钮 · 1C MOBILE MENU OVERLAY — AnimatePresence + motion.div(y -20 → 0),bg-[#fcfcfc] border-b shadow-xl,md:hidden · 1D BACKGROUND VIDEO — 2800ms 后出现,absolute top-0 left-0 w-full h-full pointer-events-none z-0 · 1E LEFT SIDEBAR — 01 + w-16 h-[1.5px] bg-black/20 · TIMELESS WONDERS · 三行说明 · Explore Now CTA(滑动白底 + 自绘叶片图标)

Mythic Naturecore 打开 →
#105 已验收 :4205

Mythic Naturecore

mythic-naturecore 网站

提示词 5,766 字符 · 产物 0 B · 偏差 6

Hero (full-viewport, m3u8 background + gradient fallback, glass navbar, badge, blur-in headline, subcopy, primary/secondary CTAs, proof row, two proof cards) · Features (three glass cards: icon + tags + title + body) · Showcase (overlapping product/brand panels with scroll parallax depth) · Conversion CTA / footer (compact brand mark, repeated offer, CTAs)

Learnly 打开 →
#106 已验收 :4206

Learnly

learnly 网站

提示词 5,454 字符 · 产物 0 B · 偏差 5

Full-viewport hero (video backdrop, cursor glow, glass navbar, badge, blur-in H1, subcopy, two CTAs, proof row) · Below-fold teaser band (3 glass cards, top edge peeking into the first viewport) · Footer CTA (compact brand mark + Start now)

Projects Catalog 打开 →
#107 已验收 :4207

Projects Catalog

projects-catalog 网站

提示词 5,569 字符 · 产物 0 B · 偏差 6

Full-viewport hero, 12-column split (video backdrop + cursor glow + glass navbar + badge + blur-in H1 + subcopy + two CTAs + proof row) · Framed hero media card (video object-cover, glass overlay label, inner highlight ring) · Below-fold teaser band (3 catalog cards, top edge peeking into the first viewport) · Footer CTA (compact brand mark + Start now)

Neon Logic 打开 →
#108 已验收 :4208

Neon Logic

neon-logic 网站

提示词 13,751 字符 · 产物 0 B · 偏差 6

Hero (full viewport, mouse-scrubbed video, dot grid, TRANSCENDENCE watermark, Brain/And Body + One/Network, description) · Navbar (fixed, logo pill + expanding menu pill + Download button; mobile scaled variant) · Cinematic Text (full viewport, video, 3D rotateX scroll transform, top gradient overlay) · Metrics (min-h-screen, video, Performance Metrics + 2.4ms / 99.7% / 140B) · Technology / Adaptive Intelligence (full viewport, video, capability 4-grid) · Architecture (min-h-screen, pure black, Three layers. Zero friction. + Layer 1/2/3 cards)

Taskora SaaS Hero 打开 →
#109 已验收 :4209

Taskora SaaS Hero

2 网站

提示词 5,299 字符 · 产物 0 B · 偏差 7

Navbar (glass container, wordmark Taskora, center nav links, right CTA, mobile menu button) · Hero backdrop (obsidian gradient, idle-floating orbs, grid, generative particles, workflow-map SVG) · Hero content (Premium SaaS badge, blur-in H1, subheading, Start now / View preview CTAs) · Visual proof row (Launch-ready / Responsive / Motion-first glass cards) · Below-fold teaser band (brand mark, subheading, proof chips, Start now)

AI Driving Assistant 打开 →
#110 已验收 :4210

AI Driving Assistant

ai-driving-assistant 网站

提示词 25,653 字符 · 产物 0 B · 偏差 7

Header (glass-pill logo SVG 98x24, Service/About/Contact nav, menu button, Log In) · Hero (100dvh 渐变, corner logo 40x14, Hands Off. 标题, 描述, 邮箱订阅, 两条 feature caption, video slot + media wrapper) · Scroll story (scrim, Effortless. / Anywhere. 两个 beat, 27 条语音波形, 路线 + 3 个 checkpoint)

Liquid Glass Agency 打开 →
#111 已验收 :4211

Liquid Glass Agency

liquid-glass-agency 网站

提示词 5,604 字符 · 产物 0 B · 偏差 8

Backdrop (fixed, z-0: 88px 网格线 + 三团 blur(90px) 色斑 + 渐晕 + 桌面端光标响应高亮, 滚动视差 0.18) · Navbar (glass-nav 圆角胶囊: 左侧 wordmark + 酸色圆点, 中间 3 个 nav link, 右侧 Start now CTA, lg 以下折叠为 Menu 按钮 + 抽屉) · Hero (badge / 逐词 blur-in H1 / subcopy / 主次 CTA / 三个 proof chip + 两张 proof card) · Features (三张玻璃卡: icon + tags + title + 短正文) · Showcase (三块重叠的 brand/product 面板, lg 下绝对定位错位 + 倾斜, 运动纵深) · Footer CTA (紧凑品牌标 + 重复 offer + 主次 CTA + proof chip 行)

Wanderful Hero 打开 →
#112 已验收 :4212

Wanderful Hero

wanderful-hero 网站

提示词 4,775 字符 · 产物 0 B · 偏差 7

VideoBackground (fixed inset-0 z-0: 兜底渐变层 + scale-[1.08] origin-center 层 + 全屏 object-cover 视频, 鼠标视差) · Header (fixed top z-50, flex justify-between items-center: 左 Wanderful<sup>TM</sup>, 中 liquid-glass 圆角胶囊 nav 四项, 右 GET ROAMING) · Headline (fixed top-[120px] z-20, 两行居中: Venture without edges. / Uncover with keen instinct.) · BottomBlock (fixed bottom-14 z-20 flex-col items-center gap-6: 段落 + Plan my escape today 按钮 + Lock 安全行)

Tech-Forward 打开 →
#113 已验收 :4213

Tech-Forward

tech-forward 网站

提示词 15,072 字符 · 产物 0 B · 偏差 8

Page shell (.page: min-height 100vh, flex column, justify-content space-between, overflow hidden) · Navbar (fixed z-50, pointer-events none / 子元素 auto: logo SVG + NeuralKinetics / Menu 黑色胶囊 + Plus / Advanced Bionics + Cognitive AI 灰胶囊 / Adaptive Systems 灰胶囊 + 4 点网格按钮) · Background video (absolute inset-0 z-0, 移动端 80%x80% 居中 / 768px+ 100%x100%, object-fit cover, opacity+scale 淡入) · Spacer (flex 1, z-10) · Footer (z-30, 白→透明 gradient: 小圆点 + Best digital banking card 2026 / 两行标题 / See Features + How It Works / 右侧 Neuromorphic · AGI · Cybernetics 标签胶囊)

RIVR DeFi 打开 →
#114 已验收 :4214

RIVR DeFi

rivr-defi-landing 网站

提示词 5,497 字符 · 产物 0 B · 偏差 5

Hero (backdrop grid + glow, glass navbar, badge, blur-in word headline, subcopy, primary/secondary CTA, proof row, two proof cards) · Features (three glass cards: icon + tags + title + body) · Showcase (overlapping product/brand panels, orbital token orb) · Conversion CTA / footer (compact, repeated offer)

Portal 打开 →
#115 已验收 :4215

Portal

portal-hero 网站

提示词 7,080 字符 · 产物 0 B · 偏差 4

Full-screen fixed background video (loop, muted, autoplay, object-cover, z-0) · Bottom blur overlay (backdrop-blur-xl + mask-image linear-gradient(to top, black 0%, transparent 45%), z-1, pointer-events-none, no dark gradient) · Navbar (z-50: CINEMATIC wordmark / 5 center links lg+ / Search pill + User circle sm+ / Menu-X hamburger below lg) · Mobile menu (absolute top-[72px], z-40, bg-gray-900/95 backdrop-blur-lg, translate-x staggered links, sm:hidden Search + Profile section) · Hero content (justify-end: metadata row 8.7/10 IMDB · 132 min · April, 2025, H1, description, Watch Now / Learn More, Previous / Next)

Vision Reveal 打开 →
#116 已验收 :4216

Vision Reveal

vision-reveal 网站

提示词 17,062 字符 · 产物 0 B · 偏差 5

Splash (fixed, 5+5 splash-box 分上下两行, splashTop/splashBottom/splashHide) · Logo (fixed, mix-blend-mode: difference, meez.design svg) · Burger (fixed 59x59 圆形按钮, 两根 bar, open 态交叉) · Menu panel (fixed, Work / About / Blog + studio@norakessler.com + Pinterest / Behance / Letterboxd + Let's talk CTA) · Hero (大字号 'Visuals' 背景字 + base image 层 + canvas spotlight + reveal image 层 + 逐词 headline + 'Start a project now' CTA)

Nimbus Grid 打开 →
#117 已验收 :4217

Nimbus Grid

nimbus-grid 网站

提示词 5,692 字符 · 产物 0 B · 偏差 6

Hero (full-viewport): glass navbar (wordmark / center nav / Start now CTA / mobile menu button), badge 'Premium Landing Page', blur-in staggered H1, subheading, primary CTA 'Start now' + secondary CTA 'View preview', proof row, two proof cards · Features: three glass cards, each with lucide icon, tag chips, title, short body copy · Showcase: framed preview media panel + two overlapping glass brand/product panels with motion-led depth · Conversion CTA / footer: compact repeat of the offer with brand mark

Yacht Club 打开 →
#118 已验收 :4218

Yacht Club

yacht-club-hero 网站

提示词 5,512 字符 · 产物 0 B · 偏差 5

Hero (full-viewport): glass navbar (wordmark / center nav / Start now CTA / mobile menu button), badge 'Premium Landing Page', blur-in staggered H1, subheading, primary CTA 'Start now' + secondary CTA 'View preview', proof row, two proof cards · Features: three glass cards, each with lucide icon, tag chips, title, short body copy · Showcase: framed editorial composition panel + two overlapping glass brand/product panels with motion-led depth · Conversion CTA / footer: compact repeat of the offer with brand mark

Celestial Renewal 打开 →
#119 已验收 :4219

Celestial Renewal

celestial-renewal 网站

提示词 7,654 字符 · 产物 0 B · 偏差 9

Hero (h-screen): background video (autoplay/muted/loop/playsInline/object-cover) + dark overlay bg-black/20 + fixed navbar (Dancing Script wordmark 'Serene', desktop links About/Services/Journal/Contact, white pill 'Book a consultation', mobile hamburger→X + slide-in panel) + centered content (Instrument Serif H1, subtext, CTA 'Begin your renewal') + desktop sound indicator 'Experience / with sound' · QuoteSection (h-screen): linear-gradient #010A17→#0A4267→#20658E→#6BADC4, rAF+lerp parallax layers (rainbow +120→-160 / left cloud / flipped right cloud), centered quote + attribution

CoderCrest 打开 →
#120 已验收 :4220

CoderCrest

codercrest-hero 网站

提示词 5,313 字符 · 产物 0 B · 偏差 8

Backdrop (AI node graph, neon orb, workflow map, automation timeline, cursor glow) · Navbar (glass container, wordmark CoderCrest, center nav links, right CTA, mobile menu button) · Hero (badge Premium SaaS, blur-in H1, subcopy, Start now / View preview, proof row) · Main visual (floating automation-health dashboard card + workflow map chip) · Below-fold teaser band (marquee, visible at bottom edge) · Footer CTA (concise final action + compact brand mark)

Urban Jungle 打开 →
#121 已验收 :4221

Urban Jungle

urban-jungle-hero 网站

提示词 5,529 字符 · 产物 0 B · 偏差 8

Backdrop (cinematic abstract gradient, grid, light sweep, floating interface panels, cursor glow) · Navbar (glass container, wordmark Urban Jungle, center nav links, right CTA, mobile menu button) · Hero (badge Premium Landing Page, blur-in H1, subcopy, Start now / View preview, proof row, two proof cards) · Features (three glass cards, each with icon, tags, title, short body copy) · Showcase (overlapping brand panels with scroll-driven depth + floating stat chip) · Conversion CTA / footer (repeats the offer, compact brand mark)

What Package Fits You 打开 →
#122 已验收 :4222

What Package Fits You

package-fits-pricing 网站

提示词 5,428 字符 · 产物 0 B · 偏差 8

Backdrop (cinematic abstract gradient, grid, floating interface panels, accent glow, cursor glow) · Navbar (glass container, wordmark What Package Fits You, center nav links, right CTA, mobile menu button) · Hero (badge Premium Pricing, blur-in H1, subcopy, Start now / View preview) · Main visual (three-panel pricing composition — CSS/HTML, no media URL provided) · Visual proof row (Launch-ready / Responsive / Motion-first) · Below-fold teaser band (marquee, visible at bottom edge)

Bloom AI 打开 →
#123 已验收 :4223

Bloom AI

bloom-ai-hero 网站

提示词 4,348 字符 · 产物 0 B · 偏差 7

Background (full-screen autoplay/loop/muted video, object-cover, z-0) · Left panel w-[52%] with liquid-glass-strong overlay (absolute inset-4 lg:inset-6 rounded-3xl) · Nav (logo /logo.png 32x32 + 'bloom' + Menu pill button) · Hero center (logo 80x80, h1 'Innovating the / spirit of bloom AI', 'Explore Now' CTA, three pills) · Bottom quote ('VISIONARY DESIGN' / 'We imagined a realm with no ending.' / 'MARCUS AURELIO') · Right panel w-[48%] lg:flex (social pill + ArrowRight, Sparkles account button)

FinFlow 打开 →
#124 已验收 :4224

FinFlow

finflow 网站

提示词 5,488 字符 · 产物 0 B · 偏差 8

Background (full-bleed mux HLS video, object-cover, z-0, scroll parallax + idle drift, grid overlay + charcoal scrim) · Navbar (glass pill: wordmark FinFlow, center nav links, right CTA 'Start now', mobile menu button) · Mobile menu (collapsible glass panel) · Hero content (badge 'Premium Fintech', H1 word-by-word blur-in, subheading, primary 'Start now' + secondary 'View preview' CTAs) · Visual proof row ('Launch-ready' / 'Responsive' / 'Motion-first') · Main visual (glass balance widget with animated bar chart + transaction stream widget, hover lift)

Email Landing Page 打开 →
#125 已验收 :4225

Email Landing Page

email-landing-page 网站

提示词 20,134 字符 · 产物 0 B · 偏差 9

Root noise filter (svg #c3-noise, fractalNoise 0.9 / multiply) · Global background video (fixed inset-0 z-0, CloudFront mp4, object-cover) · Fixed vertical guide lines at the 36rem container edges (z-[5], hidden md:block) · Section 1 Navbar (LogoMark, 5 center links with 0.1+i*0.05 stagger, AppleButton, mobile Menu button) · Section 2 Hero ('Your email.' / shiny gradient 'Revitalized', paragraph, AppleButton + Intel / Apple Silicon note) · Section 3 macOS menu bar strip (AppleLogo, 'Aura', File/Edit/View/Go/Window/Help with progressive hiding, Search + 'Wed May 6 1:09 PM')

Dashboard UI 打开 →
#126 已验收 :4226

Dashboard UI

dashboard 网站

提示词 5,687 字符 · 产物 0 B · 偏差 7

Hero (glass navbar + wordmark Dashboard + center nav links + Start now CTA; badge Premium Dashboard; blur-in H1; subcopy; primary/secondary CTAs; proof row of 3 chips; two proof cards in a 12-column grid) · Features (three glass cards, each with icon + tags + title + body copy) · Showcase (overlapping glass panels with scroll parallax: main dashboard panel, floating brand panel, floating metric panel) · Conversion CTA / footer (compact repeat of the offer + compact brand mark)

Botanical Shadow About 打开 →
#127 已验收 :4227

Botanical Shadow About

botanical-shadow-about 网站

提示词 5,643 字符 · 产物 0 B · 偏差 7

Hero (full-viewport: glass navbar + wordmark Botanical Shadow About + center nav links + Start now CTA; badge Premium About; blur-in H1; subcopy; primary/secondary CTAs; one visual proof row; desktop brand seal panel) · Below-fold teaser band visible at the bottom edge (editorial marquee of brand + proof labels + View preview link)

Investor Deck 打开 →
#128 已验收 :4228

Investor Deck

deck-investor 网站

提示词 5,514 字符 · 产物 0 B · 偏差 8

Hero (glass navbar + wordmark Investor Deck + center nav links + Start now CTA; badge Premium Investor Presentations; blur-in H1; subcopy; primary/secondary CTAs; proof row; large 16:9 deck cover mockup with chart and proof chips) · Slide-preview strip (5 glass thumbnails: Problem / Market / Product / Traction / Ask, each with index, icon and mini animated bars) · Metrics band (three large numbers with small animated chart cards: bar / line / donut) · Final CTA panel with export/share actions (Start now / Export PDF / Share deck) + subtle footer

NOVA Space Systems 打开 →
#129 已验收 :4229

NOVA Space Systems

nova-space-landing 网站

提示词 5,603 字符 · 产物 0 B · 偏差 6

Backdrop (starfield canvas + nebula gradients + orbital rings, scroll parallax) · Navbar (glass container, wordmark NOVA Space Systems, center nav links, right CTA, mobile menu button) · Hero (badge Premium Landing Page, blur-in H1, subheading, Start now / View preview, proof labels, two proof cards) · Features (three glass cards: icon + tags + title + body) · Showcase (two overlapping glass panels with scroll-driven depth) · Conversion CTA + compact footer (repeats offer, compact brand mark)

Liquid Glass CTA 打开 →
#130 已验收 :4230

Liquid Glass CTA

liquid-glass-cta 网站

提示词 10,627 字符 · 产物 0 B · 偏差 5

CTA + Footer section (bg-black, py-32, px-6 md:px-16 lg:px-24, text-center, overflow-hidden) · Background HLS video (absolute inset-0 object-cover, autoPlay loop muted playsInline, z-0) · Top fade (200px, black -> transparent, z-[1], pointer-events-none) · Bottom fade (200px, transparent -> black, z-[1], pointer-events-none) · Content (relative z-10): h2 heading, subtext, button row (Book a Call / View Pricing) · Footer bar (mt-32, border-t border-white/10): copyright left, Privacy / Terms / Contact right

Performance Eyewear 打开 →
#131 已验收 :4231

Performance Eyewear

performance-eyewear 网站

提示词 8,612 字符 · 产物 0 B · 偏差 5

Fixed header (top 24px, h 58px, padding-inline 32px, z-100, mix-blend-mode: difference, 4 equal flex columns) · Hero (height 1200vh) + sticky container (top 0, 100vh, overflow hidden) with black backdrop, Video 2 (opacity 0) and Video 1 (opacity 1) · Hero UI overlay (fixed inset 0, 12-col grid, align-content end, padding-bottom 33px): left cluster 1/7 (title + caption), right cluster 9/13 (Info row + (Drop)/(2026) meta row) · Feature panels (fixed overlay z-60, padding-top 82px, mix-blend-mode: difference): right panel 9/12, left panel 2/5, both grid-row 1, moved via position: relative + top · Next (min-height 100vh, background #000) · Dev grid overlay (12 columns, rgba(255,0,0,0.1), hidden by default, toggled with G)

Orbit Web3 打开 →
#132 已验收 :4232

Orbit Web3

orbit-web3-hero 网站

提示词 5,312 字符 · 产物 0 B · 偏差 6

Navbar (glass chip: left wordmark "Orbit Web3" + orbit mark, center nav links, right CTA "Start now", mobile collapse into compact menu button + AnimatePresence panel) · Hero badge ("Premium Web3") · Hero headline (per-word blur(12px) → blur(0), y 28 → 0, opacity 0 → 1, 70ms stagger) · Hero subcopy · Hero CTAs ("Start now" primary, "View preview" secondary) · Proof row ("Launch-ready" / "Responsive" / "Motion-first")

Asme 打开 →
#133 已验收 :4233

Asme

asme-hero 网站

提示词 4,767 字符 · 产物 0 B · 偏差 6

Full-screen background video (muted autoplay, object-cover, translate-y-[17%], custom rAF fade in/out loop) · Navigation bar (z-20: Globe icon + "Asme" wordmark, md: nav links Features / Pricing / About, Sign Up + liquid-glass Login) · Hero content (z-10, -translate-y-[20%]: "Built for the curious" in Instrument Serif, liquid-glass email bar with placeholder "Enter your email" + white circular ArrowRight submit, subtitle, Manifesto button) · Social icons footer (Instagram / Twitter / Globe, liquid-glass circular buttons, each with aria-label)

Aethera Studio 打开 →
#134 已验收 :4234

Aethera Studio

aethera-hero 网站

提示词 3,613 字符 · 产物 0 B · 偏差 6

Background video layer (z-0, inset auto 0 0 0 + top 300px, object-cover, custom rAF fade in/out manual loop) · Gradient overlay on video (bg-gradient-to-b from-background via-transparent to-background) · Navigation bar (z-10: "Aethera®" logo with superscript ®, Home/Studio/About/Journal/Reach Us menu, "Begin Journey" pill CTA) · Hero section (z-10: paddingTop calc(8rem - 75px), pb-40, centered; "Beyond silence, we build the eternal." with gray italics; description; "Begin Journey" CTA)

CleanTech 打开 →
#135 已验收 :4235

CleanTech

cleantech 网站

提示词 10,214 字符 · 产物 0 B · 偏差 6

Persistent dice icon (fixed bottom-right, 3x3 grid with 5 dots, #E2DBC8 / #1C261E) · Navbar (fixed top-right: squircle SVG logo + 'terova' wordmark) · Hero (fixed inset-0 z-0, background video #464340 card, JS scroll fade 1 -> 0 over innerHeight*0.6, 170vh spacer) · Hero heading (Circular systems / for a cleaner / planet, Reveal delay 200) · Hero bottom-center (Next-Generation Portable Waste / Reclamation Technology, Start Here, Reveal delay 400/500) · Hero bottom-left notch (social Linkedin / Phone / Mail, rounded-tr-[20px], two concave radial-gradient fillets)

Innovation Studio 打开 →
#136 已验收 :4236

Innovation Studio

innovation-studio 网站

提示词 7,070 字符 · 产物 0 B · 偏差 5

Background video (absolute inset-0 object-cover, autoPlay muted loop playsInline, no overlay/gradient) · Navigation (logo 'Nexform' + superscript o, center links Studios— / Labs, circular menu button) · Rotating circle badge (desktop only, frosted bg-white/10 backdrop-blur-md, SVG circular text DESIGN • MODULES • DEVELOP • DEPLOY • ITERATE •, animate-spin-slow 20s) · Slide carousel (3 slides, 5s auto-rotate, crossfade, underlined italic phrases, CTAs) · Pagination dots (3 dots, click jumps + resets timer) · Column markers (2 / H / W)

Capabilities Overview 打开 →
#137 已验收 :4237

Capabilities Overview

features 网站

提示词 5,585 字符 · 产物 0 B · 偏差 6

Background composition (CSS grid + accent radial glows + idle drift + scroll parallax) · Navbar (glass container, left wordmark Capabilities Overview, center nav links, right Start now CTA, mobile compact menu button) · Hero badge (Premium Features) · Hero H1 (word-by-word blur(12px)/y28 -> blur(0)/y0, 70ms stagger) · Hero subcopy · CTA row (Start now primary / View preview secondary, stacked on mobile)

Luxury Ecommerce Design 打开 →
#138 已验收 :4238

Luxury Ecommerce Design

luxury-editorial-ecommerce-design 网站

提示词 5,674 字符 · 产物 0 B · 偏差 6

Navbar (glass container, left wordmark 'Luxury Ecommerce', center nav links, right CTA button, mobile collapse into compact menu button) · Hero badge ('Premium Ecommerce') · Headline (word-by-word blur-in, 70ms stagger) · Subheading · Actions (Primary CTA 'Start now' / Secondary CTA 'View preview') · Proof row ('Launch-ready' / 'Responsive' / 'Motion-first')

Guardnet 打开 →
#139 已验收 :4239

Guardnet

guardnet-landing 网站

提示词 5,491 字符 · 产物 0 B · 偏差 8

Navbar (glass container, left wordmark 'Guardnet', center nav links, right CTA button, mobile collapse into compact menu button) · Hero badge ('Premium Landing Page') · Headline (word-by-word blur-in, 70ms stagger) · Subheading · Actions (Primary CTA 'Start now' / Secondary CTA 'View preview') · Proof cards (two glass cards: 'Launch-ready' / 'Responsive')

AI Workflow Agents 打开 →
#140 已验收 :4240

AI Workflow Agents

ai-workflow-agents 网站

提示词 3,389 字符 · 产物 0 B · 偏差 6

Navigation bar (centered top pill: bg-white/70 backdrop-blur-md rounded-xl px-4 md:px-6 py-3 shadow-sm; custom 24x24 SVG logo + links Features / Plans / Security / About) · Hero badge (orange-500 square with white 'Y' + 'Funded by Y Combinator') · Heading (Instrument Serif, two lines: 'Deploy digital workers' / 'for mundane workflows') · Subtitle · CTA button ('Get Early Access') · Background video (absolute inset-0 z-0, h-[130%] object-cover object-top, CloudFront mp4)

AI Image Generator UI 打开 →
#141 已验收 :4241

AI Image Generator UI

ai-image-generator-ui 网站

提示词 5,104 字符 · 产物 0 B · 偏差 4

Page shell (white #ffffff, 80px top/bottom + 20px left/right padding, flex centered, Inter 400/500/600) · Container .c1-container (max-width 1100px, text-align center) · Header block (badge 'Core Features' + title 'Built for Speed & Quality' + two-line subtitle) · Grid .c1-grid (3 columns, 24px gap; 2 cols <900px, 1 col <600px) · Card 1 — Smart Prompt Suggestions (radial gradient, prompt box, 'Add more details' pill, cursor SVG) · Card 2 — API Access (radial gradient, .c1-api-visual, network.svg)

Luminex 打开 →
#142 已验收 :4242

Luminex

luminex-hero 网站

提示词 584 字符 · 产物 0 B · 偏差 5

Full-screen HLS video background (object-cover, autoplay muted loop, CSS gradient fallback) · Bottom-left readability scrim (vertical + horizontal) · Glassmorphic navigation header (floating rounded bar: wordmark / center links / Login + 'Book a live demo') · Mobile menu (hamburger toggles a glass panel, lg 以下显示) · Hero content bottom-left (H1 'Design Smarter. Create Faster.', subcopy, 'Book a live demo' CTA)

AI Automation Hero 打开 →
#143 已验收 :4243

AI Automation Hero

10 网站

提示词 5,339 字符 · 产物 0 B · 偏差 7

Backdrop (obsidian gradient + drifting glow blobs + grid mask + canvas particle/node field + noise) · Navbar (glass bar: wordmark 'AI Automation' / center links / 'Start now' CTA / mobile menu button) · Hero (badge 'Premium AI / SaaS', word-by-word blur-in H1, subheading, 'Start now' + 'View preview' CTAs, proof row 'Launch-ready' / 'Responsive' / 'Motion-first') · Dashboard visual (glass panel: workflow node map SVG + animated automation timeline bars + decorative sparkline chip, cursor-responsive highlight) · Below-fold teaser band (3 glass proof cards with stagger entrance + hover lift, rounded top edge peeking into the first viewport) · Compact footer / final action (brand mark + 'Start now')

Veloce Finance 打开 →
#144 已验收 :4244

Veloce Finance

veloce-finance-landing 网站

提示词 5,574 字符 · 产物 0 B · 偏差 4

Hero (full-viewport): glass navbar + wordmark "Veloce Finance" + center nav links + right CTA · Hero badge "Premium Landing Page" · H1 blur-in word-by-word (blur(12px)->blur(0), y 28->0, opacity 0->1, 70ms stagger) · Subheading + primary CTA "Start now" + secondary CTA "View preview" · Proof row "Launch-ready" / "Responsive" / "Motion-first" · Hero visual: floating dashboard + balance card + transaction-stream card (glass widgets)

Digital Epoch 打开 →
#145 已验收 :4245

Digital Epoch

digital-epoch-hero 网站

提示词 5,048 字符 · 产物 0 B · 偏差 6

Hero container (max-w-[1400px], rounded-[48px], h-[600px], flex flex-col) · Background video layer (absolute inset-0 pointer-events-none z-0 overflow-hidden select-none) · Hero text layer (relative z-20 flex-1 px-8 md:px-16 pt-12 md:pt-16, motion fade in + slide up) · Headline "Foundation of the<br />new digital epoch" (font-display, text-[42px] md:text-[56px], #0a1b33) · Subheadline (font-sans, text-[14px] md:text-[15px], #64748b) · Contact button "Contact Us" (bg-[#0a152d], rounded-full, motion hover scale)

Cybersecurity Hero 打开 →
#146 已验收 :4246

Cybersecurity Hero

cybersecurity-hero 网站

提示词 12,572 字符 · 产物 0 B · 偏差 8

Navbar (grid 1fr auto 1fr, Xero wordmark + Method/Pricing/Docs + Log in / Sign up pills, mobile hamburger + full-screen overlay) · Hero card (max-width 1600px, radius 20px, #0d0b12, padding 80px 40px 70px, min-height 640px) · ::before signature pink-magenta radial gradient arc (15 hand-tuned stops) · .hero-grid crosshatch overlay (40px grid, radial mask) · Icon pipeline: beam SVG (glow filter + userSpaceOnUse gradient + glow/core paths) · Icon pipeline: layers node (node-stack) + 160px line + center Xero node with splash + line.right + shield-check node (node-shield)

HR SaaS Hero 打开 →
#147 已验收 :4247

HR SaaS Hero

16 网站

提示词 5,259 字符 · 产物 0 B · 偏差 7

Navbar (glass, wordmark HR, center nav links, right CTA, mobile menu button) · Hero badge (Premium SaaS) · Hero headline (blur-in word stagger, HR with premium motion and clarity) · Hero subcopy · Hero CTAs (Start now / View preview) · Hero proof row (Launch-ready / Responsive / Motion-first)

Portal 打开 →
#148 已验收 :4248

Portal

portal 网站

提示词 6,221 字符 · 产物 0 B · 偏差 5

Background video (full-viewport, absolute inset-0 z-0, object-cover, autoPlay/muted/loop/playsInline) · Navbar (max-w 1280, logo left, 5 links center, Start For Free + Sign In right, mobile hamburger) · Mobile sheet (AnimatePresence: backdrop rgba(25,40,55,0.35) + blur(4px), right sheet #CFC8C5) · Hero heading (two lines, inline Zap / LockKeyhole / Fingerprint icons) · Hero subtext · Hero CTA (Get It Free pill + ArrowRightCircle)

Community CTA 打开 →
#149 已验收 :4249

Community CTA

community-cta 网站

提示词 5,358 字符 · 产物 0 B · 偏差 7

Navbar (glass, wordmark Community CTA, center nav links, right CTA, mobile menu button) · Hero badge (Premium CTA Section) · Hero headline (blur-in word stagger, Community CTA with premium motion and clarity) · Hero subcopy · Hero CTAs (Start now / View preview) · Hero proof row (Launch-ready / Responsive / Motion-first)

Orbis Cards 打开 →
#150 已验收 :4250

Orbis Cards

orbis-cards 网站

提示词 5,519 字符 · 产物 0 B · 偏差 5

Navbar (glass, wordmark Orbis Cards / center nav links / right CTA, mobile menu button) · Hero full-viewport (muted autoplay video background + gradient fallback, parallax, badge, oversized H1, subcopy, CTAs, proof row) · Hero visual proof (framed glass media panel + 3 staggered proof cards) · Teaser band (below-fold marquee, bottom edge) · Footer CTA (compact brand mark + Start now)

Luminara 打开 →
#151 已验收 :4251

Luminara

luminara 网站

提示词 3,814 字符 · 产物 0 B · 偏差 3

Background video (absolute, object-cover, autoplay muted loop playsInline) · Navbar (absolute top z-10, left pill logo + Work/Gallery/Plans/Story, right pill Get Free / Get a quote) · Bottom gradient overlay (h-[60%], z-[5], pointer-events-none, from-black/80 via-black/40 to-transparent) · Bottom content area (left: badge pill + H1 with Instrument Serif italic accent; right: paragraph)

BookedUp 打开 →
#152 已验收 :4252

BookedUp

bookedup 网站

提示词 5,465 字符 · 产物 0 B · 偏差 6

Navbar (glass-strong, wordmark BookedUp / center nav links / right CTA, mobile menu button) · Hero full-viewport (muted autoplay video background + CSS gradient fallback, canvas particle field, grid, parallax, cursor highlight) · Hero text block (badge Premium SaaS, blur-in H1, subcopy, CTAs, proof row) · Visual column (workflow map card with AI nodes + dashed connectors, automation timeline card, 3 staggered proof cards) · Teaser band (below-fold marquee, bottom edge) · Footer CTA (compact brand mark + Start now)

Conversion 打开 →
#153 已验收 :4253

Conversion

conversion 网站

提示词 6,050 字符 · 产物 0 B · 偏差 5

Background video (absolute inset-0 w-full h-full object-cover, autoPlay muted loop playsInline) · Content layer (relative z-10 flex flex-col h-full) · Navigation bar (animate-nav;brand Zipwire./Dev;4 desktop links Overview/Docs/Our Team/Upgrade;DE-EN language indicator;green Get It Today CTA with Download icon) · Mobile hamburger (md:hidden,relative w-6 h-6,X/Menu 交叉淡入 + 旋转) · Mobile menu (menuOpen/menuVisible 两段式挂载,mobile-menu-enter/exit,5 档 hero-fade-up 错位) · Hero content (flex-1 ... pt-20 sm:pt-24 md:pt-24 px-4 sm:px-6)

Impressive Hero 打开 →
#154 已验收 :4254

Impressive Hero

impressive-hero 网站

提示词 5,369 字符 · 产物 0 B

Animated Cards 打开 →
#155 已验收 :4255

Animated Cards

animated-cards 网站

提示词 36,762 字符 · 产物 0 B · 偏差 8

Scene wrapper (absolute inset-0 bg-[#000000] text-white flex items-center justify-center overflow-hidden select-none) · 3D perspective camera space (perspective: 1350px, pointer-events-none) · 3D coordinate viewport (preserve-3d,宽高由 metrics.cardW/cardH 驱动) · 5 张卡片容器(每张 absolute inset-0 + preserve-3d + backfaceVisibility visible) · 每张卡 5 层厚度切片(translateZ -1.47 / -0.73 / 0 / 0.73 / 1.47;中间层 #808080 实体) · 正面(自动播放视频背景 + 银色金属芯片 SVG + 右上 JWT logo + 右下双交叠圆 + bg-black/15 覆盖层)

Kresna Footer 打开 →
#156 已验收 :4256

Kresna Footer

kresna-footer 网站

提示词 9,666 字符 · 产物 0 B · 偏差 6

Footer section (white page, body padding 48px 24px) · Footer wrapper (max-width 1150px, grid 350px / 1fr, gap 16px) · Left card — autoplay video background + Kresna logo + tagline + social row · Right card — floating 'Feeling lucky?' badge + Navigation/Company nav columns + copyright + subscribe CTA · Watermark — massive faded 'Kresna' SVG wordmark fitted via getBBox()

Taskly 打开 →
#157 已验收 :4257

Taskly

taskly-hero 网站

提示词 2,882 字符 · 产物 0 B · 偏差 9

Background glow layer (top-left blurred ellipses #60B1FF / #319AFF) · Sticky 'Strong Liquid Glass' navbar (top-[30px], w-fit centered, backdrop-blur-[50px]) · Hero left — social proof badge (5 orange #FF801E stars) + H1 + subheadline + primary CTA · Hero right — glassy orb webm (mix-blend-screen, scale-125, hue-rotate(-55deg) saturate(250%) brightness(1.2) contrast(1.1)) · Trusted by Top-tier product companies — 5 grayscale SVG logos

Datacore SaaS Hero 打开 →
#158 已验收 :4258

Datacore SaaS Hero

4 网站

提示词 5,307 字符 · 产物 0 B · 偏差 10

Backdrop (obsidian base, 64px grid, electric-blue + neon-violet radial glow, canvas particle field, bottom fade) · Glass navbar (Datacore wordmark / center nav links / right CTA + mobile collapse menu) · Hero left (Premium SaaS badge, word-by-word blur-in H1, subcopy, Start now + View preview CTAs, proof row) · Hero right (3 sibling glass cards: dashboard bar chart, workflow node map, automation timeline) · Below-fold teaser band (compact brand mark + timeline ticks + Start now)

Nex Max Upgrade 打开 →
#159 已验收 :4259

Nex Max Upgrade

nex-max-upgrade 网站

提示词 5,553 字符 · 产物 0 B · 偏差 7

Hero (full viewport): glass navbar / Premium Pricing badge / blurred-word H1 / subcopy / Start now + View preview CTAs / proof row · Floating glass interface panel (abstract UI chrome, cursor-responsive highlight on desktop) · Teaser band (proof-label marquee / three glass cards / closing CTA with compact wordmark)

Securify Data Security 打开 →
#160 已验收 :4260

Securify Data Security

securify-hero 网站

提示词 4,301 字符 · 产物 0 B · 偏差 7

Navbar (left brand pill: white SVG logo + securify / center pill: platform, solutions, company, support / right: get started) · Background video (looping fullscreen, object-cover) · Three staggered headline words (protect / your / data) · Description paragraph · Stat block top-right (+65k / startups use) · Bottom gradient overlay

Neuralyn 打开 →
#161 已验收 :4261

Neuralyn

neuralyn-hero 网站

提示词 5,704 字符 · 产物 0 B · 偏差 7

Hero navbar (logo + Neuralyn + Home / Services with ChevronDown / Reviews / Contact us + Sign In) · Hero content (liquid-glass tag pill: New + Say Hello to Corewave v3.2 / title with Instrument Serif italic Overview / subtitle / Get Started for Free CTA) · Dashboard + video area (full-bleed w-screen, aspect 16/9, background video, dashboard with mixBlendMode luminosity + parallax, bottom h-40 gradient fade) · Testimonial (quote symbol / scroll-driven word reveal / closing quotation mark / avatar + Brooklyn Simmons + Product Manager)

Nike Hover 打开 →
#162 已验收 :4262

Nike Hover

nike-hover 网站

提示词 14,259 字符 · 产物 0 B · 偏差 7

Section container (relative z-10 w-full h-[100dvh] overflow-hidden bg-black text-white + boxShadow 0 -20px 50px rgba(0,0,0,0.5)) · SpotlightReveal (video layer + SVG radial-gradient mask, 6 cursor trail circles, baseRadius 520 desktop / 280 mobile) · Hover trigger zones (right-side + left-side invisible zones, desktop/tablet; single full-area touch zone on mobile) · Stats card (78% in Instrument Serif italic #DA3A16 72px + inline 160x80 chart SVG + title + subtitle, glassmorphism) · Hero headline (4 lines: Manrope medium / Instrument Serif italic mix) · Nike branded CTA block (white label box 'THE SCIENCE OF IMPACT CONTROL' + #DA3A16 swoosh box)

Integration SaaS 打开 →
#163 已验收 :4263

Integration SaaS

integration-saas 网站

提示词 13,773 字符 · 产物 0 B · 偏差 7

Top bar (sticky glass: mureo wordmark + doc title + reading progress) · Lede panel (H1 'External Tool Integration Guide' + intro paragraph) · Side nav (8 section anchors, scroll-spy) · How It Works (Platform Discovery + 4-step ordered list + Key principle) · GA4 (Google Analytics 4) (status chip + Configuration + 11-row command table + Authentication) · Google Search Console (status chip + What It Provides + 10-row Tools table + 11-row Workflow Integration table)

Apex Program Accordion 打开 →
#164 已验收 :4264

Apex Program Accordion

apex-program-accordion 网站

提示词 5,806 字符 · 产物 0 B · 偏差 7

Background (CSS radial gradient + grid lines + 3 idle glow blobs + preview video object-cover + readability overlay, scroll parallax) · Navbar (translucent glass pill: brand mark + wordmark, center nav links, right CTA button, mobile compact menu button) · Hero content (badge chip 'Premium Accordion', blur-in H1, subheading, primary CTA 'Start now' + secondary CTA 'View preview', proof row 'Launch-ready' / 'Responsive' / 'Motion-first') · Floating glass financial widgets (Balance card with sparkline, Transactions card with animated stream rows, Dashboard card with bar chart) · Transaction stream strip (bottom edge of hero, continuous animated tick row) · Below-fold teaser band (compact brand mark + single final action)

Focus AI 打开 →
#165 已验收 :4265

Focus AI

focus-ai-landing 网站

提示词 5,489 字符 · 产物 0 B · 偏差 7

Navbar (wordmark / center nav links / primary CTA / mobile menu button) · Hero (badge, blur-in headline, subcopy, two CTAs, proof row, two proof cards) · Features (three glass cards: icon, tags, title, body) · Showcase (overlapping product/brand panels, motion-led depth) · Conversion CTA + footer (compact brand mark, final action, proof labels)

Organic Odyssey 打开 →
#166 已验收 :4266

Organic Odyssey

organic-odyssey 网站

提示词 4,998 字符 · 产物 0 B · 偏差 5

Full-screen looping background video (absolute, autoPlay/muted/loop/playsInline, object-cover object-center) · Navigation (brand 'Organic Visions', desktop links Wander/Archive/Story/Connect, mobile hamburger Menu/X size 22) · Mobile menu (fixed top-16 left-4 right-4 z-50, AnimatePresence dropdown, .mobile-menu-glass) · Hero heading (two StaggeredFade lines: 'WITNESS THE' / 'HIDDEN REALM') · Subtitle (motion.p, delay 1.6s, two lines split by responsive <br>) · CTA button (motion.a, delay 2.0s, .liquid-glass rounded-full, 'Begin the Experience')

Minimal Workflow SaaS 打开 →
#167 已验收 :4267

Minimal Workflow SaaS

minimal-workflow-saas 网站

提示词 5,589 字符 · 产物 0 B · 偏差 7

Navbar (wordmark 'Minimal Workflow' / center nav links / primary CTA / mobile menu button) · Hero (badge 'Premium SaaS', blur-in headline, subcopy, primary + secondary CTA, one visual proof row) · Teaser band pinned to the bottom edge of the first viewport ('Inside the workflow') · Below-fold workflow detail band (three glass cards)

Interactive Portfolio 打开 →
#168 已验收 :4268

Interactive Portfolio

interactive-portfolio 网站

提示词 8,087 字符 · 产物 0 B · 偏差 7

Background image layer (inset:0, backgroundImage/cover/center) · Gradient overlay (linear-gradient 180deg rgba(84,84,84,0) -> rgb(0,0,0), opacity 0.4) · Bottom blur layer (bottom:0 left:50% translateX(-50%), height:47.375%, backdropFilter blur(10px), mask-image linear-gradient) · 6 draggable ProjectCards (anchorX/anchorY 定位 + useDraggable transform 位移) · Dock bar (bottom:64px 居中, 5 个 DockIcon + 1 条 divider) · WindowShell 共享模态窗(项目 / About Me / Notes,含红黄绿交通灯与可拖拽标题栏)

E-commerce Website 打开 →
#169 已验收 :4269

E-commerce Website

ecommerce-website-landing 网站

提示词 5,594 字符 · 产物 0 B · 偏差 8

Navbar (glass container, wordmark 'E-commerce', center nav links, right CTA, mobile menu button) · Hero (badge 'Premium Landing Page', word-by-word blur-in H1, subcopy, 'Start now' / 'View preview' CTAs, two proof cards) · Feature section (three glass cards: icon + tags + title + body) · Showcase section (three overlapping glass panels with scroll-depth parallax and data-overlay bars) · Conversion CTA + footer (repeats the offer, compact brand mark)

AI Designer Agency 打开 →
#170 已验收 :4270

AI Designer Agency

ai-designer-agency 网站

提示词 5,593 字符 · 产物 0 B · 偏差 8

Navbar (glass container, wordmark 'AI Designer Agency', center nav links, right CTA, mobile menu button) · Hero (badge 'Premium Landing Page', word-by-word blur-in H1, subcopy, 'Start now' / 'View preview' CTAs, two proof cards) · Feature section (three glass cards: icon + tags + title + body) · Showcase section (three overlapping portfolio panels with scroll-depth parallax and tile artwork) · Conversion CTA + footer (repeats the offer, compact brand mark)

Scenic Travel 打开 →
#171 已验收 :4271

Scenic Travel

travel-hero 网站

提示词 5,702 字符 · 产物 0 B · 偏差 7

Navbar (glass container, wordmark Scenic Travel, center nav links, right CTA, mobile menu button) · Hero (badge Premium Landing Page, blur-in word-by-word H1, subheading, Start now / View preview CTAs, proof row) · Hero proof cards (two glass cards: Launch-ready / Motion-first) · Feature section (three glass cards with icon, tags, title, body) · Showcase section (overlapping brand panels, motion-led depth) · Conversion CTA / footer (compact brand mark, repeated offer, Start now / View preview)

Stellar Launch 打开 →
#172 已验收 :4272

Stellar Launch

stellar-launch 网站

提示词 5,744 字符 · 产物 0 B · 偏差 8

Navbar (glass container, wordmark Stellar Launch, center nav links, right CTA, mobile menu button) · Hero (badge Premium Landing Page, blur-in word-by-word H1, subheading, Start now / View preview CTAs, proof row) · Hero orbital visual (two counter-rotating orbital rings + core disc) · Hero proof cards (two glass cards: Launch-ready / Responsive) · Feature section (three glass cards with icon, tags, title, body) · Showcase section (overlapping mission panels, motion-led depth)

Book Hero 打开 →
#173 已验收 :4273

Book Hero

book-hero 网站

提示词 5,459 字符 · 产物 0 B · 偏差 10

Navbar (glass container, wordmark Book, center nav links, right CTA, mobile menu button) · Hero (badge Premium Hero, blur-in word-by-word H1, subheading, Start now / View preview CTAs, one visual proof row) · Hero book panel (glass quote panel, motion-led depth) · Scroll cue (chevron, floating) · Below-fold teaser band (visible at the bottom edge, three teaser items + compact final action)

Neural Interface 打开 →
#174 已验收 :4274

Neural Interface

neural-interface 网站

提示词 34,379 字符 · 产物 0 B · 偏差 6

Video layer (fixed, scroll-scrubbed, no autoplay/loop) · Progressive bottom blur (150px, mask + backdrop-filter) · Header (logo pill + expanding hamburger menu pill + Download CTA; desktop & mobile variants) · Main content + dot grid (radial-gradient 24px) · Hero section (scramble-in titles: Brain / And Body / One / Network + description) · Cinematic parallax paragraph (rotateX 24deg, scroll-driven opacity keyframes 0.08/0.22/0.42/0.65)

Guardnet Benefits 打开 →
#175 已验收 :4275

Guardnet Benefits

guardnet-benefits 网站

提示词 4,677 字符 · 产物 0 B · 偏差 3

BenefitsSection (relative w-full bg-black, px-4 sm:px-6 md:px-10 py-12 sm:py-20) · Section heading "Key Benefits" (text-3xl sm:text-4xl md:text-5xl, letterSpacing -0.04em, mb-12 sm:mb-24) · Three-column card grid (grid-cols-1 md:grid-cols-3, gap-3 sm:gap-4) · Card 1 — text card left (blob top-1/2 -translate-y-1/2 -left-[420px] 460x460 #1e3a8a blur-3xl opacity-40, paragraph mt-12 sm:mt-20 max-w-[280px]) · Card 2 — video card center (video region height 75% + autoPlay/loop/muted/playsInline, bottom fade h-32 to neutral-950, heading block flex-1 p-6 sm:p-8) · Card 3 — text card right (blob -top-28 -right-28 h-56 w-56, paragraph mt-auto max-w-[320px])

SaaS Value 打开 →
#176 已验收 :4276

SaaS Value

saas-value 网站

提示词 8,905 字符 · 产物 0 B · 偏差 6

Hero section (relative min-h-[100svh] overflow-hidden bg-cover bg-center flex flex-col, inline backgroundImage) · Navbar (animate-fade-down, logo + center nav Toolkit/Plans/News + CTA + md:hidden hamburger, mobile dropdown animate-fade-up) · Hero content (centered text-center: h1 Get cited. / Effortlessly. with staggered animate-fade-up, search form, description, primary/secondary CTA) · Flex spacers (min-h-8 sm:min-h-12 lg:min-h-16 before content, min-h-10 sm:min-h-12 lg:min-h-16 before dashboard) · Dashboard mockup (animate-hero-rise, ScaledDashboard 896px design width, w-[92%] sm:w-[84%] lg:w-[72%] max-w-4xl, -mb-10 sm:-mb-20 lg:-mb-32) · Mockup chrome (title bar traffic lights + PanelLeft/ChevronLeft/ChevronRight + questly.ai URL bar + RotateCw/Share/Plus/Copy)

CozyPaws 打开 →
#177 已验收 :4277

CozyPaws

cozypaws 网站

提示词 6,597 字符 · 产物 0 B · 偏差 6

Header (logo 205x52 / 130x33, 居中 nav Home / Shop / Delivery and payment / Brands / Blog, 右侧 Search + Favorites(badge 4) + Cart(badge 1) + Avatar) · Desktop hero text layer (z-5, px-12 pt-[5.4rem], clamp(60px,7.5vw,110px) DM Serif Display, 逐词 animate-word-pop) · Desktop left product card (top-[50px] left-12, width clamp(160px,14vw,260px), aspect 260/257, ArrowUpRight 圆钮, Cozy Cat House / $49.99) · Desktop right video card (top-[50px] right-12, width clamp(120px,10vw,177px), aspect 177/287, Play 圆钮, Watch Product Reviews on TikTok and YouTube) · Bottom 3 images (flex-1 / flex-[1.265] / flex-1, max-height min(70vh,55vw) / min(85vh,70vw) / min(70vh,55vw)) · Bottom overlays (左 98K+ + avatar stack, 中 Best Products for Your Pet + Explore Products, 右 4.6 + Star), bottom: clamp(20px,4vh,50px)

Guardnet Demo 打开 →
#178 已验收 :4278

Guardnet Demo

guardnet-demo 网站

提示词 5,519 字符 · 产物 0 B · 偏差 6

Navbar (glass 容器, 左侧 wordmark 'Guardnet Demo', 中间 nav links, 右侧 Start now CTA, lg 以下折叠为汉堡菜单) · Backdrop (mux 预览视频 + CSS 渐变/网格/扫描束/光斑兜底 + 桌面光标响应高光 + 可读性遮罩) · Hero badge ('Premium Info') · Hero H1 ('Secure every layer with Guardnet Demo', 逐词 blur(12px)/y28 → 清晰, 70ms stagger) · Hero subheading ('A premium security hero with enterprise credibility, motion-led proof points, and calm technical confidence.') · Hero CTAs ('Start now' 主按钮 + 'View preview' 次按钮)

DesignPro Academy 打开 →
#179 已验收 :4279

DesignPro Academy

designpro-hero 网站

提示词 3,494 字符 · 产物 0 B · 偏差 6

Full-screen video background (CloudFront mp4, absolute inset-0 object-cover, autoplay/loop/muted/playsInline, bg #000000) · Navbar (max-w-7xl: 圆形白边 logo + 内嵌白色实心圆 + 'DesignPro'; 链接胶囊容器 border-gray-700: Home / About Us / Courses / Instructors / Testimonials / Blog / Contact us + ArrowRight; lg 以下汉堡菜单) · Top two-column intro ('We deliver transformative programs...' 左, '8000+ Talented Designers Launched !' 右对齐 lg+) · Hero eyebrow ('Seats for Next Program Opening Soon', uppercase, white/80) · Hero heading (Line 1 'Become' 白色 font-medium; Line 2 'Product Leader.' ShinyText 动画渐变) · CTA ('Apply for Next Enrollment' + ArrowRight, rounded-full, bg-black hover:bg-gray-900, 箭头 group-hover 右移)

Benefits Features 打开 →
#180 已验收 :4280

Benefits Features

benefits-features 网站

提示词 5,427 字符 · 产物 0 B · 偏差 8

Backdrop (cinematic gradient + accent orbs + scanning beam + masked grid + vignette, slow scroll parallax + idle drift) · Cursor-responsive highlight layer (desktop only, hover+pointer:fine) · Navbar (glass wordmark "Benefits Features", center nav links, right CTA "Start now", secondary "View preview", mobile menu button + panel) · Hero badge ("Premium Features Section") · H1 word-by-word blur-in (blur 12px / opacity 0 / y 28px, 70ms stagger) · Subheading paragraph

Nimbus Demo 打开 →
#181 已验收 :4281

Nimbus Demo

nimbus-demo 网站

提示词 5,541 字符 · 产物 0 B · 偏差 8

Backdrop (full-bleed preview video + gradient fallback + two accent orbs + scanning beam + masked grid, slow scroll parallax + idle drift) · Cursor-responsive highlight layer (desktop only, hover+pointer:fine) · Navbar (glass wordmark "Nimbus Demo", center nav links, right CTA "Start now", secondary "View preview", mobile menu button + panel) · Hero badge ("Premium Dashboard Demo") · H1 word-by-word blur-in (blur 12px / opacity 0 / y 28px, 70ms stagger) · Subheading paragraph

Nimbus Security 打开 →
#182 已验收 :4282

Nimbus Security

nimbus-security 网站

提示词 5,547 字符 · 产物 0 B · 偏差 8

Backdrop (midnight navy base + preview video + signal/ice orbs + masked grid, slow scroll parallax) · Shield geometry (4 concentric rings, 2 counter-rotating arcs, 12-node encrypted mesh with edges, vertical scanning beam) · Cursor-responsive highlight layer (desktop only, hover+pointer:fine) · Navbar (glass wordmark "Nimbus Security", center nav links, right CTA "Start now", secondary "View preview", mobile menu button + panel) · Hero badge ("Premium Cards") · H1 word-by-word blur-in (blur 12px / opacity 0 / y 28px, 70ms stagger)

Arceage Contact Us 打开 →
#183 已验收 :4283

Arceage Contact Us

arceage-contact-us 网站

提示词 5,592 字符 · 产物 0 B · 偏差 7

Navbar (glass container, left wordmark Arceage Contact Us, center nav links, right Start now CTA, mobile collapse) · Hero (badge Premium Form, oversized H1, subheading, Start now / View preview CTAs, one proof row: Launch-ready / Responsive / Motion-first) · Background media layer (full-bleed preview video + CSS gradient fallback, scroll parallax, idle drift, desktop cursor highlight) · Below-fold teaser band (compact brand mark, form surface with email field, concise final CTA Start now)

remote dev collective 打开 →
#184 已验收 :4284

remote dev collective

remote-dev-collective 网站

提示词 12,757 字符 · 产物 0 B · 偏差 6

Sticky full-viewport background video stage (CloudFront mp4, object-cover) + bottom 40% fade to #0A061A · Fixed Nav (logo DE</HELPERS, desktop links About / Our cases / Services / Prices, Hire us CTA, mobile Menu/X swap, fullscreen mobile overlay z-[55]) · Hero (3-line H1 Outsourced / development / team, subcopy, 4-avatar stack, liquid-glass testimonial card) · About + Features (liquid-glass outer card, About our team + paragraph + Work with us CTA, 3-card feature grid 01/02/03) · Text fill + stats (per-character sequential fill manifesto, 3 stat cards with corner brackets, Let's work CTA) · Empty spacer div h-[10vh]

Power AI 打开 →
#185 已验收 :4285

Power AI

power-ai-hero 网站

提示词 4,277 字符 · 产物 0 B · 偏差 9

Navbar (logo left, Features / Solutions / Plans / Learning center with ChevronDown on Features and Learning, Sign Up right, 1px gradient divider mt-[3px]) · Hero (full-screen background video with custom rAF fade loop, centered blurred overlay shape w-[984px] h-[527px] blur-[82px], Power AI headline with gradient AI, subtitle, Schedule a Consult CTA) · Logo marquee (Relied on by brands / across the globe + Vortex / Nimbus / Prysma / Cirrus / Kynder / Halcyn duplicated, 20s translateX 0% to -50% loop)

Modern HR Dashboard 打开 →
#186 已验收 :4286

Modern HR Dashboard

modern-hr-dashboard 网站

提示词 5,614 字符 · 产物 0 B · 偏差 7

Navbar (glass pill: wordmark 'Modern HR Dashboard', center nav links, right CTA 'Start now', mobile menu button) · Hero badge ('Premium Dashboard') · Hero H1 (word-by-word blur-in, 12px blur / y28 / 70ms stagger) · Hero subcopy · Hero CTAs ('Start now' / 'View preview') · Proof row ('Launch-ready' / 'Responsive' / 'Motion-first')

Digital Experiences 打开 →
#187 已验收 :4287

Digital Experiences

digital-experiences 网站

提示词 9,162 字符 · 产物 0 B · 偏差 6

Hero: fixed glass navbar (liquid-glass 'a' monogram, center pill nav Work/Studio/Services/Journal/Contact + 'Start a Project', right spacer) · Hero: background FadingVideo (120% x 120%, left-1/2 top-0 -translate-x-1/2 object-cover object-top) · Hero: badge pill ('New' + 'Booking Q3 2026 engagements -- limited capacity') · Hero: BlurText headline 'Crafted Digital Experiences Built to Outlast Trends' · Hero: subtext paragraph · Hero: CTA row ('Start a Project' liquid-glass-strong + 'Watch Showreel' with Play icon)

Weblex Dark Hero 打开 →
#188 已验收 :4288

Weblex Dark Hero

11 网站

提示词 5,497 字符 · 产物 0 B · 偏差 7

Hero: glass navbar (wordmark 'Weblex Dark', center nav links, right CTA 'Start now', mobile menu button) · Hero: badge ('Premium Landing Page') · Hero: H1 (word-by-word blur-in, 12px blur / y28 / 70ms stagger) · Hero: subcopy · Hero: CTAs ('Start now' / 'View preview') · Hero: proof row ('Launch-ready' / 'Responsive' / 'Motion-first')

Mindloop Landing 打开 →
#189 已验收 :4289

Mindloop Landing

mindloop-landing 网站

提示词 7,727 字符 · 产物 0 B · 偏差 8

Navbar (fixed, transparent, logo + bullet-separated nav links + 3 liquid-glass social buttons) · Hero (full viewport, autoplay looping MP4 bg, bottom gradient, avatars + heading + subtitle + liquid-glass email form) · "Search has changed" (heading, subtitle, 3 platform cards 200x200, bottom tagline) · Mission (800x800 video, scroll-driven word-by-word reveal of two paragraphs) · Solution (SOLUTION label, heading, 3:1 video, 4-column feature grid) · CTA (HLS background video + bg-background/45 overlay, logo, heading, two buttons)

Equilibrium 打开 →
#190 已验收 :4290

Equilibrium

equilibrium 网站

提示词 5,320 字符 · 产物 0 B · 偏差 5

Background video (absolute, w-full h-full object-cover, autoPlay muted loop playsInline) · Navbar (logo / liquid-glass nav pill / Log in + Begin Now CTAs / mobile toggle) · Mobile menu (menuOpen 时显示,liquid-glass 抽屉 + 底部 CTA 行) · Hero content (bottom-left 标题 + 副标题 + Start Today / Discover How)

Subscription Agency 打开 →
#191 已验收 :4291

Subscription Agency

subscription-agency 网站

提示词 6,320 字符 · 产物 0 B · 偏差 9

Navbar (fixed, z-index 100, Alwayzz 斜体字标 + ® + Menu 胶囊按钮 / ChevronUp) · Full-screen drawer (白底、0.4s 淡入、Projects / Plans / Team / FAQs / Get in Touch + 版权) · Hero (min-height 850px,::before 背景图,左右各 20 条 line-pulse 曲线,ticker 跑马灯,标题,副标题,View Plans + Chat for 15 minutes) · Progressive blur (底部 178px 白渐变) · TrustedBy (左侧标签 + 右侧 10 个文字 logo 跑马灯)

WISA Space 打开 →
#192 已验收 :4292

WISA Space

wisa-space-hero 网站

提示词 5,365 字符 · 产物 0 B · 偏差 7

Navbar (glass container, left wordmark WISA Space, center nav links, right CTA, mobile menu button) · Hero (badge, oversized H1 with per-word blur-in, subcopy, primary/secondary CTAs, proof row) · Main visual (CSS/SVG orbital composition: nebula gradients, starfield canvas, orbit rings, telemetry strip) · Below-fold teaser / compact footer band (brand mark + final CTA)

Daisy Shop 打开 →
#193 已验收 :4293

Daisy Shop

shop 网站

提示词 5,664 字符 · 产物 0 B · 偏差 8

Navbar (glass container, left wordmark Daisy Shop, center nav links, right CTA, mobile menu button) · Hero (badge, editorial H1 with per-word blur-in, subcopy, primary/secondary CTAs, two proof cards) · Hero main visual (glass portfolio-output panel with bar chart and 3 stats) · Feature section (3 glass cards: icon + tags + title + body) · Showcase section (overlapping product/brand panels with motion-led depth) · Conversion CTA / footer (compact glass panel repeating the offer + brand mark)

Nexar 打开 →
#194 已验收 :4294

Nexar

nexar-hero 网站

提示词 5,304 字符 · 产物 0 B · 偏差 7

Navbar (glass container, left wordmark Nexar, center nav links, right CTA, mobile menu button) · Hero (badge, oversized H1 with per-word blur-in, subcopy, primary/secondary CTAs, proof row) · Hero main visual (floating glass dashboard panels: signal overview chart, rows, clarity-score card) · Below-fold teaser / compact footer band (brand mark + final CTA)

Bloom 打开 →
#195 已验收 :4295

Bloom

bl 网站

提示词 41,520 字符 · 产物 0 B · 偏差 6

Scroll container (500vh) + fixed viewport · Brand header (Bloom logo SVG + wordmark) · Nav header (Atelier / Collections / Rituals / About / Contact) + hamburger · Mobile menu (same 5 links) · Botanical card (Merging Silicon With Organic Life. + subtext + CTA circle) · Feature cards (Neural Synthesis / Ecosystem Remediation / Kinetic Transduction)

Email Marketing 打开 →
#196 已验收 :4296

Email Marketing

design-rocket-email-hero 网站

提示词 8,365 字符 · 产物 0 B · 偏差 6

Page shell (min-h-screen bg-[#050505], max-w-[640px] email container, bg-[#111111] card) · Section 1 — Hero (video background, brand block, NOW AVAILABLE, headline, lime CTA pill) · Section 2 — Intro copy + Get Started PrimaryButton + Divider · Section 3 — Transform how you lead with AI (video card + 4 Steps + Enroll Now SolidButton + Divider) · Section 4 — Build your AI transformation roadmap (video card + paragraph + Learn More SolidButton) · Section 5 — Lime CTA card (Ready to lead AI at work? + Enroll Now)

3D Collectible Hero 打开 →
#197 已验收 :4297

3D Collectible Hero

3d-collectible-hero 网站

提示词 5,953 字符 · 产物 0 B · 偏差 7

Outer wrapper (background-color crossfade 650ms + 100vh inner) · Grain overlay (SVG fractalNoise data URI, opacity 0.4, backgroundSize 200px) · Giant ghost text "3D SHAPE" (Anton, clamp(90px,28vw,380px), top 18%) · Top-left brand label "TOONHUB" · Carousel (4 figurines, center/left/right/back roles) · Bottom-left "TOONHUB FIGURINES" + testimonial + ArrowLeft/ArrowRight nav buttons

NexaCore Results 打开 →
#198 已验收 :4298

NexaCore Results

nexacore-results 网站

提示词 9,844 字符 · 产物 0 B · 偏差 5

PrecisionSection — section wrapper (inline styles, background image, clamp padding/gap) · Block 1 — Header (badge pill 'Structured Delivery' + inline SVG) · Block 1 — Heading (two spans: 'One integrated, end-to-end system.' / gradient 'Compounding operational value.') · Block 1 — Subtext paragraph · Block 2 — Pillars container (max-width 82.292vw) · Block 2 — Desktop pillars (hidden sm:block, absolute staircase, 4 pillars)

Tech-Noir About 打开 →
#199 已验收 :4299

Tech-Noir About

tech-noir-about 网站

提示词 4,104 字符 · 产物 0 B · 偏差 4

Section container (relative min-h-screen w-full bg-[#FF0000] flex flex-col z-10) · Centered content outer wrapper (flex-1, pt-[100px] md:pt-[400px]) · Centered content inner container (max-w-[900px], h-auto md:h-[620px]) · Logo SVG (white fill, 80x80, mb-12) · Mission statement (uppercase, tracking-wider, h-[100px], max-w-[400px]) · Cursive signature 'S.P.D' (font-marck, text-[120px])

Bio-Digital 打开 →
#200 已验收 :4300

Bio-Digital

bio-digital 网站

提示词 5,511 字符 · 产物 0 B · 偏差 8

Full-viewport hero — background layer (graphite base + organic gradients + microscopic grid + 2 idle-drifting blobs + muted autoplay preview video + readability overlay) · Navbar — glass container, left wordmark 'Bio-Digital', center nav links, right CTA 'Start now', compact mobile menu button + dropdown · Hero content — badge chip 'Premium Hero' · Hero content — oversized H1 'Bio-Digital brings intelligent systems to life' with per-word blur(12px) -> blur(0) / y 28 -> 0 / opacity 0 -> 1, 70ms stagger · Hero content — supporting paragraph (subheading) · Hero content — two CTAs: 'Start now' (primary) / 'View preview' (secondary)

Layered Depth 打开 →
#201 已验收 :4301

Layered Depth

layered-depth 网站

提示词 5,714 字符 · 产物 0 B · 偏差 6

Full-viewport hero (glass navbar / badge / blur-in editorial H1 / subcopy / primary+secondary CTA / proof row / two proof cards) · Features (three glass cards: icon + tags + title + body) · Showcase (three overlapping glass layer panels, motion-led depth) · Conversion CTA + compact footer (brand mark + proof labels)

Duolingo Styleguide 打开 →
#202 已验收 :4302

Duolingo Styleguide

duolingo-styleguide-hero 网站

提示词 11,258 字符 · 产物 0 B · 偏差 6

Fixed navbar 64px (Duolingo logo 140x33 + 1px/24px divider + STYLE GUIDE label + Colors/Type/Buttons/Cards/Components links) · Hero (green-to-white gradient, 'duolingo design' 52px Feather Bold, description, GET STARTED + I ALREADY HAVE AN ACCOUNT) · Panel 1 Color Palette (12 swatches, auto-fill minmax(100px,1fr), 12px gap) · Panel 2 Typography (6 rows, 80px meta column) · Panel 3 Button Variants (Primary / Secondary / Danger / Ghost) · Panel 4 Dark Theme Buttons (dark-blue, GET STARTED + TRY 1 WEEK FREE + small variants)

Wellbeing OS 打开 →
#203 已验收 :4303

Wellbeing OS

wellbeing-os 网站

提示词 5,418 字符 · 产物 0 B · 偏差 5

Fullscreen hero section (h-screen w-full overflow-hidden) with looping muted autoplay background video + bg-black/10 overlay · Navigation (top, not fixed/sticky): diamond SVG logo + 'flowpath' wordmark, Product/Solutions/About/Plans nav with hover dropdowns, Log in + Try it free CTA, animated Menu/X mobile toggle + slide-in mobile menu · Hero content (top-aligned, pt-16 sm:pt-20 md:pt-24): 'Bridge the gaps. Ditch the grindwork.' h1 with text-white/60 spans, subheading, 'Begin your journey' + 'See it live' CTAs

Yoga Coach 打开 →
#204 已验收 :4304

Yoga Coach

yoga-coach 网站

提示词 10,405 字符 · 产物 0 B · 偏差 8

Section 1: Hero video screen (full viewport, HLS background video, poster fallback, mouse parallax scale(1.08) translate ±20px, bg-black/10 overlay) · UI overlay: top-left slogan (FIND YOUR FOCUS, ... / animates y:250 opacity:0 when isPlaying) · UI overlay: bottom bar (HEY, I AM JESSICA / YOGA COACH, animate y:150% opacity:0 when isPlaying) · Center circular LET'S START button (AnimatePresence, exit scale:0 opacity:0, bouncy bezier) · Section 2: Collection screen (motion.div slides y:100% -> 0, spring damping 32 stiffness 220, light blue gradient) · BACK TO START button (pauses + resets currentTime, hides second screen)

Aesthetic Dental Clinic 打开 →
#205 已验收 :4305

Aesthetic Dental Clinic

aesthetic-dental-clinic 网站

提示词 6,587 字符 · 产物 0 B · 偏差 8

Page shell (.page fixed inset:0 #111) + #stage (inset:0, overflow hidden, #000, white, z-index 1) · Background video (autoplay muted loop playsinline, object-fit cover, object-position center) · Top menu bar (logo mark 32x32 + Denta, nav links Implants / Preventive Care / Price with 6px dots, Contact Us pill, mobile burger) · Annotation/tip box (right 65.77% / bottom 65.5% / width 22.11% / aspect 314:140, 4-corner radial glow border via mask-composite, veneer image, 'Veneer Installation System' 7.64cqw) · Connector line SVG (viewBox 0 0 1420 1000, preserveAspectRatio none, 486,345 -> 580,439) + two 8px .cdot + marker circle (40.85%/43.9%) · Rating section (3 overlapping avatars, 2,500, 5 gold stars #FFCC6D, Reviews)

Velorix IIC 打开 →
#206 已验收 :4306

Velorix IIC

velorix-iic 网站

提示词 5,517 字符 · 产物 0 B · 偏差 10

Background layer (CSS radial gradient composition + grid lines + charcoal gradient overlay, always rendered as fallback) + Mux .m3u8 preview video with slow scroll parallax and idle drift · Cursor-responsive mint highlight (desktop pointer:fine only) · Translucent glass navbar (wordmark Velorix IIC + center nav links + right CTA + mobile menu button + mobile glass panel) · Hero copy block (Premium Hero badge, blur-in staggered H1, subheading, Start now / View preview CTAs, visual proof row) · Visual proof row (Launch-ready / Responsive / Motion-first chips with lucide icons) · Floating glass dashboard panel (Treasury overview, $2.4M metric, +18.4% chip, settlement area chart, 3 stat cells)

Blog Showcase 打开 →
#207 已验收 :4307

Blog Showcase

blog-showcase 网站

提示词 4,687 字符 · 产物 0 B · 偏差 5

Header (Blog badge + 'Behind the lens' heading) · Header bottom (subtitle + 'View all posts' button, side by side) · Featured Post (full-width 2-column card, 1fr 1fr, radius 20px, 1px solid #f0f0f0, min-height 520px, bg #fcfcfc) · Featured media (autoplay loop muted playsInline video, object-fit cover) · Featured body (60px padding, 'Must Read' black pill, 48px Outfit title, #666 17px description, footer author + category badge via margin-top auto) · Blog Grid (3 columns, 25px gap, 16/10 videos, 17px Outfit titles with right-aligned category badges)

Visual Hero 打开 →
#208 已验收 :4308

Visual Hero

visual-hero 网站

提示词 8,821 字符 · 产物 0 B · 偏差 6

Video background layer (fixed, w-full h-full, z-0, scale-[1.08], origin-center) with <video> + <canvas> swap · Hero title (fixed, left-0 right-0 z-20 w-full px-4, top 126px, transition-all duration-1000 fade-in) — 'MicroVisuals' · Nav (fixed top-5, centered pill: LogoMark + Gallery/Styles/API/Pricing/Blog + Sign in + 'Try it free') · Bottom row (fixed bottom-12 px-10, delay-300 fade-in): left copy, centered 'Start generating' / 'See templates', right copy

Cursor Follow 打开 →
#209 已验收 :4309

Cursor Follow

cursor-follow 网站

提示词 5,516 字符 · 产物 0 B · 偏差 9

Backdrop (fixed, CSS gradient orbs + masked grid + cursor spotlight + HLS video layer, scroll parallax + idle drift) · Navbar (glass pill: wordmark 'Cursor Follow' | center nav links | right CTA 'Start now' + compact menu button on mobile) · Hero (badge 'Premium Hero', word-by-word blur-in H1, subcopy, 'Start now' / 'View preview' CTAs, proof row: Launch-ready / Responsive / Motion-first) · Below-fold teaser band (3 cards, opacity/y stagger on view, hover translateY(-4px)) · Footer CTA (compact brand mark + 'Start now')

Cosmos Interface 打开 →
#210 已验收 :4310

Cosmos Interface

cosmos-interface 网站

提示词 26,483 字符 · 产物 0 B · 偏差 7

Header (fixed pill nav: ✳ mark + Cortex / Interface / Developer / Support) · Background video (fixed full-screen, scroll-scrubbed, opacity fades at scrollYProgress 0.9→1.0) · Hero (h-screen, 12-col grid: 'Mind' / 'Amplified.' char-stagger blur-slide, 'Discover Cortex' CTA, 001 — Concept meta) · About (h-screen: 002 — Neural Extension, word-stagger ① paragraph, Capabilities list of 3 rows) · Solutions (min-h-[350vh] sticky, scroll-scrubbed video, 3 cross-fading sets: 003 — Interface / 004 — Performance / 005 — Symbiosis)

Network Hero 打开 →
#211 已验收 :4311

Network Hero

network-hero 网站

提示词 7,697 字符 · 产物 0 B · 偏差 11

Background (full-viewport image, center center / cover no-repeat on root .app) · Header (logo 32px + nav Your Team / Solutions / Blog / Pricing, Log In, Join Now with rotating conic-gradient border) · Hero Left (typewriter heading 64px Urbanist, Start Project button with chevron, David cursor element) · Hero Right (720x720 circles: 4 orbits 353/501/649/797px, 9 avatars, center 20k+ / Specialists count-up) · Logo Ticker (5 SVG logos x4, gap 64px, 20s marquee, edge fade mask) · Entrance animations (fade-down / fade-up / scale-in, cubic-bezier(0.22,1,0.36,1))

Cybersecurity Hero v2 打开 →
#212 已验收 :4312

Cybersecurity Hero v2

cybersecurity-hero-v2 网站

提示词 5,580 字符 · 产物 0 B · 偏差 12

Background stack (CSS gradients + canvas encrypted-node network + scanning beam + optional HLS preview video + readability scrim) · Navbar (translucent glass, brand mark Cybersecurity, center nav links, right CTA Start now, mobile menu button) · Hero content (badge Premium Hero, oversized H1 word-by-word blur-in, subheading, Start now / View preview CTAs, proof row of 3 glass cards) · Shield visual panel (shield geometry rings, encrypted-node dots, scan line, lucide ShieldCheck core) · Below-fold teaser band / compact footer (brand mark + Premium Hero chip + Start now) · Desktop-only cursor-responsive highlight

Orbis Hello 打开 →
#213 已验收 :4313

Orbis Hello

orbis-hello 网站

提示词 5,763 字符 · 产物 0 B · 偏差 4

Fullscreen background video (absolute inset-0 w-full h-full object-cover, autoPlay loop muted playsInline) · Content wrapper (max-w-[1831px] mx-auto px-4 sm:px-6 md:px-8 py-16 sm:py-20 md:py-24 z-10) · ROW 1 (top) — Heading h2 (font-grotesk, HELLO! / I'M ORBIS) + absolutely positioned Condiment span 'Orbis' (text-neon #6FFF00, mix-blend-exclusion, -rotate-1) · ROW 1 (top) — Paragraph (font-mono uppercase text-cream max-w-[266px] leading-relaxed) · ROW 2 (bottom) — Left ghost text column (2x identical p, text-[#010828] opacity-10, lg:text-cream) · ROW 2 (bottom) — Right ghost text column (hidden lg:flex, 2x identical p)

Interactive Discovery 打开 →
#214 已验收 :4314

Interactive Discovery

interactive-discovery 网站

提示词 7,510 字符 · 产物 0 B · 偏差 6

Fixed nav (z-[100]) — SVG logo 26x26 + 'Lithos' Playfair italic wordmark · Fixed nav — center glass pill (bg-white/20 backdrop-blur-md border-white/30) with Course / Field Guides / Geology / Plans / Live Tour · Fixed nav — desktop Sign Up button (hidden md:block) + md:hidden mobile menu button · Hero section (h-screen + 100dvh, bg-black, overflow-hidden) · Layer 1 — Base image (z-10, bg-center bg-cover, hero-zoom Ken Burns zoom-out) · Layer 2 — RevealLayer (z-30): offscreen canvas radial-gradient mask + cursor-following spotlight (SPOTLIGHT_R = 260, lerp 0.1)

Futuristic Cinematic 打开 →
#215 已验收 :4315

Futuristic Cinematic

futuristic-cinematic 网站

提示词 5,593 字符 · 产物 0 B · 偏差 9

Fixed glass navbar — brand mark (Aperture) + wordmark 'Futuristic Cinematic', center nav links, right CTA 'Start now' + md:hidden compact menu button · Cinematic backdrop — deep-black base + two accent radial glows + grid overlay + canvas particle field + HLS preview video (muted autoplay, object-cover) + readability overlay · Hero content — badge 'Premium Hero' (Sparkles) · Hero content — oversized H1 'Futuristic Cinematic with premium motion and clarity', per-word blur-in with 70ms stagger · Hero content — subheading paragraph · Hero content — CTAs 'Start now' (accent) + 'View preview' (glass)

Financial Suite 打开 →
#216 已验收 :4316

Financial Suite

financial-suite 网站

提示词 15,424 字符 · 产物 0 B · 偏差 9

Navigation bar (fixed, z-60): logo + INFINITE wordmark, center pill nav (Card / Rewards / Travel / Plans / Support), Account + Get Started, mobile hamburger · Mobile menu backdrop overlay (z-54) + mobile dropdown menu (z-55) with 80+40*i ms item stagger · Hero section (sticky, z-3): SVG 48px grid pattern layer (opacity 8%, cursor parallax), base background image (anim-fade), 260px spotlight reveal canvas mask, bottom gradient, 12-col content grid · Scroll spacer (1800px, z-0) · Scroll-driven video layer (fixed, z-2): scroll-scrubbed currentTime + phase state machine (idle/playing/done) + bottom gradient · Card section (fixed, z-4): base card image, spotlight reveal card image, 26vw INFINITE background text, Instantly Active heading, + More button (z-10), Before You Swipe heading, Apply now for free CTA

Cybersecurity 打开 →
#217 已验收 :4317

Cybersecurity

cybersecurity 网站

提示词 12,499 字符 · 产物 0 B

Social Media Posts 打开 →
#218 已验收 :4318

Social Media Posts

social-media-posts-hero 网站

提示词 5,440 字符 · 产物 0 B · 偏差 8

Backdrop (fixed): deep black base, two drifting radial-gradient orbs, 64px grid layer with slow scroll parallax, top/bottom fades, canvas particle field · Navbar (fixed, glass): compact brand mark + Social Media Posts wordmark, center nav links, right CTA, mobile collapse into glass menu button · Hero (12-col grid, lg): badge chip, oversized H1 with per-word blur-in (70ms stagger), supporting paragraph, two CTAs, proof row (Launch-ready / Responsive / Motion-first) · Hero visual (lg:col-span-5): glass panel (18px radius) with gradient media surface + glow play button, three floating glass chips as siblings (not nested) · Below-fold teaser band: compact brand mark + View preview / Start now actions

Nexora Features 打开 →
#219 已验收 :4319

Nexora Features

nexora-features 网站

提示词 5,394 字符 · 产物 0 B · 偏差 7

Full-viewport hero (full-bleed gradient + grid + canvas particle backdrop) · Navbar (glass container, left wordmark, center nav links, right CTA button, mobile menu button) · Hero badge chip (Premium Features Section) · Oversized H1 (word-by-word blur-in, 70ms stagger) · Subcopy paragraph · CTAs (Start now / View preview)

Global CTA Footer 打开 →
#220 已验收 :4320

Global CTA Footer

global-cta-footer 网站

提示词 5,557 字符 · 产物 0 B · 偏差 9

Full-viewport hero (full-bleed cinematic backdrop) · Preview video background (muted autoplay loop, object-cover, mux HLS URL 原样引用) · Readability overlay (subtle gradient scrim) · Navbar (glass container, left wordmark, center nav links, right CTA button, mobile menu button) · Hero badge chip (Premium CTA) · Oversized H1 (editorial serif, word-by-word blur-in, 70ms stagger)

Grow AI Talent Platform 打开 →
#221 已验收 :4321

Grow AI Talent Platform

grow-ai-hero 网站

提示词 5,409 字符 · 产物 0 B · 偏差 9

Full-viewport hero (full-bleed gradient + grid + canvas AI-node particle backdrop) · Navbar (glass container, left wordmark, center nav links, right CTA button, mobile menu button) · Hero badge chip (Premium SaaS) · Oversized H1 (word-by-word blur-in, 70ms stagger) · Subcopy paragraph · CTAs (Start now / View preview)

Datacore Booking 打开 →
#222 已验收 :4322

Datacore Booking

datacore-booking-hero 网站

提示词 3,289 字符 · 产物 0 B · 偏差 5

Background video (absolute, autoplay/loop/muted/playsInline, object-cover, min-h-screen, opaque — no overlay) · Navbar (transparent, z-20, px-6 → px-[120px], py-[16px]; logo SVG left, nav center-left desktop-only, Sign In / Get Started right desktop-only, hamburger mobile) · Mobile full-screen black overlay menu (nav items + Sign In / Get Started, X close) · Hero content (z-10, flex-col items-center text-center, mt-32) · Tagline pill (glass rgba(85,80,110,0.4) + backdrop-blur + border rgba(164,132,215,0.5), rounded 10px, h 38px; 'New' badge #7b39fc rounded 6px + 'Say Hello to Datacore v3.2') · Headline (Instrument Serif, 5xl → 96px, leading 1.1, 'and' italic)

Bold Portfolio Hero 打开 →
#223 已验收 :4323

Bold Portfolio Hero

6 网站

提示词 5,362 字符 · 产物 0 B · 偏差 6

Navbar (translucent glass container, left wordmark 'Bold Portfolio', center nav links, right CTA 'Start now', mobile compact menu button + collapsible panel) · Hero (single full-viewport, 12-column split: left text block, right visual composition) · Badge chip ('Premium Portfolio' + lucide Sparkles) · Headline (oversized, per-word blur-in: blur(12px)/opacity 0/y 28 → blur(0)/1/0, 70ms stagger) · Subheading paragraph · CTA row (Primary 'Start now' acid fill / Secondary 'View preview' glass)

Portfolio About 打开 →
#224 已验收 :4324

Portfolio About

portfolio-about 网站

提示词 5,981 字符 · 产物 0 B · 偏差 5

About Me section (full-width, min-h-screen, flex column, centered both axes, #0C0C0C, px-5 sm:px-8 md:px-10 py-20, position relative) · 4 decorative corner images (absolute, z-0: moon top-left / p59 bottom-left / lego top-right / Group_134 bottom-right; fade-in x ±80, duration 0.9, delays 0.1 / 0.25 / 0.15 / 0.3) · Center content (relative z-10, max-w-4xl, centered, gap-16 sm:gap-20 md:gap-24) · Group 1 (gap-10 sm:gap-14 md:gap-16): 'About me' heading — font-black uppercase leading-none tracking-tight text-center, clamp(3rem,12vw,160px), .hero-heading gradient text fill, fade-in delay 0 / y 40 · Animated paragraph — scroll-driven character-by-character reveal (0.2 → 1 opacity), max-w-[560px], clamp(1rem,2vw,1.35rem), #D7E2EA font-medium leading-relaxed text-center · Group 2: 'Contact Me' pill button (rounded-full, gradient linear-gradient(123deg,#18011F 7%,#B600A8 37%,#7621B0 72%,#BE4C00 100%), inset + drop shadow, outline 2px solid #E3E3E3 offset -3px, hover 0.9 / active 0.75, 200ms, href #contact), fade-in delay 0.3 / y 20

Prisma Creative Studio 打开 →
#225 已验收 :4325

Prisma Creative Studio

prisma-landing 网站

提示词 8,904 字符 · 产物 0 B · 偏差 7

Hero (h-screen p-4 md:p-6,内层 rounded-2xl md:rounded-[2rem] overflow-hidden) · Hero background video + .noise-overlay (opacity-[0.7] mix-blend-overlay) + from-black/30 via-transparent to-black/60 渐变 · Navbar (黑色药丸,rounded-b-2xl md:rounded-b-3xl,5 项:Our story / Collective / Workshops / Programs / Inquiries) · Hero content (absolute bottom-0,12 列网格:8 列巨标题 Prisma + 上标 *,4 列描述段 + Join the lab CTA) · About (bg-[#101010] 卡片,Visual arts 标签 + WordsPullUpMultiStyle 三段 + 逐字符滚动透明度段落) · Features (min-h-screen bg-black + .bg-noise opacity-[0.15],两行标题 + 4 列卡片 lg:h-[480px])

NexaCore Control 打开 →
#226 已验收 :4326

NexaCore Control

nexacore-control 网站

提示词 9,254 字符 · 产物 0 B · 偏差 6

Block 1 — Header(Control 徽章药丸:内联 SVG 花瓣 + rgb(249,249,249) 底 + rgb(26,11,84) 字) · Block 1 — h2(Stop absorbing the chaos.<br /> + 渐变 span:Run with confidence.) · Block 2 — 三列栅格(Tailwind w-full flex flex-col lg:grid,inline grid-template-columns: 26vw 1fr 26vw) · Block 2 左列 — Negatives 5 张卡片(CROSS_ICON + rgb(131,121,158) 文字) · Block 2 中列 — 圆形视频容器(clamp(200px,22vw,400px),HlsVideo 160% 尺寸居中裁剪) · Block 2 右列 — Positives 5 张卡片(CHECK_ICON + rgb(26,11,84) 文字)

Beauty Products 打开 →
#227 已验收 :4327

Beauty Products

beauty-products 网站

提示词 5,574 字符 · 产物 0 B · 偏差 6

Navbar(glass 容器:左 wordmark Beauty Products / 中间导航链接 / 右侧 Start now CTA;移动端收起为圆形菜单按钮 + glass 菜单面板) · Hero(min-h-screen 全幅视频背景 + 可读性遮罩 + 细网格 + 缓慢视差与 idle 漂移) · Hero content(12 列栅格:badge Premium Products → 逐词 blur-in H1 → subcopy → Start now / View preview 双 CTA) · Visual proof row(3 张 glass 卡片:Launch-ready / Responsive / Motion-first,hover translateY(-4px)) · Below-fold teaser band(底部边缘 glass 条:compact brand mark + 一句收尾 + 圆形 ArrowRight 按钮) · Cursor-responsive highlight(仅桌面 pointer:fine,径向高光跟随光标)

Stillmind 打开 →
#228 已验收 :4328

Stillmind

stillmind 网站

提示词 6,115 字符 · 产物 0 B · 偏差 6

Background Video Layer (4 stacked fullscreen looping videos, opacity crossfade 1000ms) · Transparent PNG Overlay (z-index 1, train-bob 3s translateY 0→-6px, scale 1.03) · Navigation (Lumora logo / liquid-glass nav pill + Get Started / mobile hamburger Menu-X crossfade 300ms) · Mobile Menu Overlay (fixed z-50, bg-black/60 backdrop-blur-sm, staggered links 100-300ms) · Hero Content (badge / heading / subtext / email input / video switcher) · Dark Mode for Deep Woods (hero content → #182C41, 700ms)

Immersive Studio 打开 →
#229 已验收 :4329

Immersive Studio

immersive-studio 网站

提示词 12,118 字符 · 产物 0 B · 偏差 6

Background Video (absolute full-cover, autoplay/loop/muted/playsInline) · Bottom Gradient Overlay (h-1/3, from-[#030318]/80 to-transparent) · Content Container (relative z-10 flex flex-col h-full) · Desktop Navbar (hidden lg:flex, brand + 3 nav links + START A PROJECT CTA, animate-slide-down) · Mobile/Tablet Navbar (flex lg:hidden, brand + 40x40 hamburger, relative z-50) · Spacer (flex-1)

AI Workflow Hero 打开 →
#230 已验收 :4330

AI Workflow Hero

ai-workflow 网站

提示词 17,123 字符 · 产物 0 B · 偏差 5

BoomerangVideoBg (canvas frame capture, forward/backward loop at 30fps, MAX_WIDTH 960) · Navbar (LinkFlow™ brand / desktop pill nav + Try it Live / Sign Me Up! + Enter / mobile hamburger) · Mobile menu overlay (backdrop bg-[#1f2a1d]/40 backdrop-blur-sm) · Mobile menu drawer (w-[85%] max-w-sm, slide-in, staggered links 150ms+i*70ms, CTA group 400ms) · Hero copy (heading Close the rift linking signals and action / subtext) · Bottom-left CTA block (FluxEngine™ / description / Try it Live + Know More.)

Nexto 404 打开 →
#231 已验收 :4331

Nexto 404

404 网站

提示词 6,230 字符 · 产物 0 B · 偏差 6

Navbar (logo SVG + nexto. / nav links / Let's Connect CTA / dashed bottom border / mobile hamburger) · Mobile Navigation (full-screen overlay, slide-in from right, 38px links, CTA with 32px arrow circle) · Main Content Area (Seems you've wandered off... / title-wrap with cloud + heart decorations / subtext with chat + define highlight tags) · Navigation Cards (Main Page / Showcase, margin-top auto at bottom)

xPortfolio Hero 打开 →
#232 已验收 :4332

xPortfolio Hero

xportfolio-hero 网站

提示词 5,381 字符 · 产物 0 B · 偏差 5

Navbar (glass, wordmark xPortfolio left, center nav links, right CTA, mobile compact menu button) · Mobile menu (glass dropdown panel, collapsed into a menu button under lg) · Hero content (badge Premium Hero Section / oversized H1 with blur-in word stagger / subheading / Start now + View preview CTAs / visual proof row) · Main visual (layered portfolio cards, CSS gradient + glass composition) · Below-fold teaser band (creative reels + compact brand mark + concise final CTA)

SkyElite Private Jets 打开 →
#233 已验收 :4333

SkyElite Private Jets

skyelite-hero 网站

提示词 2,750 字符 · 产物 0 B · 偏差 5

Video Background (CloudFront mp4, autoplay + muted + loop + playsInline, object-cover, 100vh) · Navigation Bar (brand SkyElite / desktop menu Start, Story, Rates, Benefits, FAQ / mobile hamburger Menu-X / mobile dropdown) · Hero Content (PRIVATE JETS label / Premium. + Accessible. overlapping heading / subtitle / Discover + Book Now CTAs)

Stark Minimal Footer 打开 →
#234 已验收 :4334

Stark Minimal Footer

stark-minimal-footer 网站

提示词 6,037 字符 · 产物 0 B · 偏差 5

Animated dots strip (.footer-dots, height 120px, three layered radial-gradient dot patterns, footerDotsMove 18s linear infinite) · Top grid (.site-footer__top: minmax(320px,1.25fr) + repeat(3, minmax(150px,0.42fr))) · H2 (Proven Advanced Propulsion Technology) · Nav 1 (Footer navigation: Company / Technology / Solutions / Our Edge / Investors) · Nav 2 (Company links: Our Team / News / Careers / Contact Us) · Nav 3 (Social links: LinkedIn / Follow Us on X, target=_blank rel=noreferrer)

Stellar AI 打开 →
#235 已验收 :4335

Stellar AI

stellar-ai-hero 网站

提示词 4,410 字符 · 产物 0 B · 偏差 6

Navigation (Star + Stellar.ai / Solutions + ChevronDown / For Teams + ChevronDown / About Us / Learn Hub / Login / Get started free) · Hero: reviews badge (4.9 rating from 18.3K+ users) · Hero: main heading (Work Smarter. Move Faster. / AI Powers You Up. gradient line) · Hero: subheading · Hero: CTA button (Begin Free Trial) · Hero: tab bar (Analyse / Train / Testing / Deploy, auto-cycle 4s, mobile 2x2 grid + desktop row with dividers)

Keep Ahead Features 打开 →
#236 已验收 :4336

Keep Ahead Features

keep-ahead-features 网站

提示词 5,449 字符 · 产物 0 B · 偏差 6

Background layer (CSS radial gradient + masked grid lines + three accent glows, scroll parallax + prefers-reduced-motion gate) · Navbar (glass container, wordmark Keep Ahead Features, center links, right Start now CTA, mobile collapse to compact menu button) · Hero text block (badge Premium Features Section, blur-in word-by-word H1, subheading, Start now / View preview CTAs, proof row) · Floating interface panels (Motion bars / Clarity lines / Ready check, staggered entrance + hover lift -4px) · Below-fold teaser band at the bottom edge · Footer band (compact brand mark + concise final CTA)

Max Reed Portfolio 打开 →
#237 已验收 :4337

Max Reed Portfolio

max-reed-portfolio 网站

提示词 5,976 字符 · 产物 0 B · 偏差 6

Header row (Hi, I'm Max Reed! + intro paragraph + liquid-glass button Let's Team Up Today) · Column 1 — Background card (bg video, BACKGROUND label with Sparkle icons, 4-col career timeline 2023-Now / 2020-2023 / 2017-2020) · Column 2 top — Client Voice card (#324444, noise-overlay, quote + Elena Brooks, Creative Director — Halcyon) · Column 2 bottom — 10M+ card (bg video, 10M+ / Raised for startups) · Column 3 top — Daily Software card (bg video, DAILY SOFTWARE label, two liquid-glass icon marquees) · Column 3 bottom — Reach Me card (#324444, noise-overlay, hi@maxreed.com / +44 207 81 63 / ArrowUpRight button)

Velorah Focus 打开 →
#238 已验收 :4338

Velorah Focus

velorah-focus-hero 网站

提示词 5,404 字符 · 产物 0 B · 偏差 7

Translucent glass navbar (wordmark Velorah Focus / center links / Start now CTA / mobile menu button) · Full-viewport hero (badge Premium Social Media, word-by-word blur-in H1, subcopy, Start now + View preview CTAs) · Visual proof row (Launch-ready / Responsive / Motion-first) · Main visual composition (balance glass panel with bar chart + metrics, transaction stream panel, two floating glass widgets) · Below-fold teaser band peeking at the bottom edge (compact brand mark + Start now)

Solar Energy Hero 打开 →
#239 已验收 :4339

Solar Energy Hero

solar-energy-hero 网站

提示词 5,567 字符 · 产物 0 B · 偏差 8

Translucent glass navbar (wordmark Solar Energy / center links / Start now CTA / mobile menu button) · Full-bleed hero background (public preview video + CSS gradient fallback, parallax + idle glow) · Hero content (badge Premium Hero, word-by-word blur-in H1, subcopy, Start now + View preview CTAs) · Visual proof row (Launch-ready / Responsive / Motion-first) · Data overlay panels (Installed capacity 1.4 GW / Array uptime 96.2% / CO2 offset 18k t) · Below-fold teaser band peeking at the bottom edge (compact brand mark + Start now)