加载中…
创作者 · viktoroddy
查看原始来源 ↗复刻提示词保留原文,另附运行环境、素材与验收要求;附加说明不是原作者原话。
提示词:
为一家名为「Logoisum」的视频剪辑机构构建一个高级、高端的 Hero 区域,具体规格如下:
背景:实现一个全屏循环播放的视频背景,使用这个 URL:。视频必须静音、自动播放,并设置为 object-cover 以铺满整个版块,不加任何颜色叠加层。
导航栏:一个悬浮的白色导航栏,圆角 rounded-[16px],带细微阴影。
左侧:机构 Logo。
中间:一个菜单,包含「About」「Works」「Services」和「Testimonial」链接,字体为 14px Barlow Medium。
右侧:一个深色(#222)主 CTA 按钮,文字为「Book A Free Meeting」,配一个圆形容器内的独特 45 度箭头图标。
排版与 Hero 内容:
主标题:居中布局。第一行「Agency that makes your」使用粗体 / 中等字重的 Barlow 字体,字间距收紧(tracking-[-4px])。第二行「videos & reels viral」必须使用大号、优雅的「Instrument Serif」斜体字体(text-[84px])。
副文本:标题下方,加入文字「Short-form video editing for Influencers, Creators and Brands」,Barlow Medium,18px,居中。
次级 CTA:副文本下方一个大号白色药丸形状按钮,文字为「See Our Workreel」,左侧配一个小播放图标。
整体美学:设计应极简、超现代,并具有响应式。确保所有文字和按钮都清晰地叠加在视频背景之上,并保持恰当的间距(min-h-[90vh])。」适用模型与稳定度
建议模型
独立复测证据
2026年8月9日
继续探索
@viktoroddy 使用 AntiGravity · Gemini 3.1 Pro完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
提示词: 构建一个 Hero 区域,具体规格如下: 整体布局: 全宽版块,背景色 #000000(纯黑) overflow hidden 所有内容背后播放背景视频(详情见下) 背景视频: 来源: 自动播放、循环、静音、playsInline 缩放到容器的 120%(宽度和高度均为 120%) 水平居中,焦点锚定在底部 位于所有内容之下(最低层级) 模糊背景元素: 绝对定位,水平居中,顶部偏移约 215px 尺寸:宽 801px × 高 384px,完全圆角(药丸
提示语
提示词: 构建一个高级电动车落地页,具有深色电影感美学。整个网站使用黑色背景(hsl(0,0%,0%)),配浅色文字(主色 hsl(0,0%,95%))和橙色强调色(hsl(25,100%,50%))。不使用默认字体——保持极简和编辑感。使用 shadcn/ui 设计令牌。以下是按顺序排列的各版块: 设计系统(index.css) --background: 0 0% 0% --foreground: 0 0% 12%(用于 CTA 按钮内圆等深色元素) --primar
@viktoroddy 使用 GPT Image 2 · Veo 3 · Lovable完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
一键获取所有令人惊艳动效网站的提示词: # 提示词:精确复刻这个落地页 为一个名为「Mindloop」的用心经营的通讯平台构建一个生产级质量的营销落地页,使用 Vite + React + TypeScript 应用,配 Tailwind CSS、shadcn/ui、framer-motion 和 lucide-react。整体美学是平静、编辑感、电影感——黑色背景、白色前景、衬线斜体点缀、环境氛围的循环背景视频,以及交互表面上标志性的「液态玻璃」效果。不使用紫色 / 靛
Case 详情页把原帖效果、Prompt 与复测证据放在同一条阅读路径里。