viktoroddy · 像素级暗色首屏

本设计由 Nixtio Agency 提交。 一键获取所有精彩动画网站的 Prompt： --- ## Prompt：重建 Dental Health 落地页 使用 **React + Vite + TypeScript + Tailwind CSS** 创建一个单页牙科诊所落地页。不要使用外部 UI 库或图标库。所有内容都放在一个 `App.tsx` 文件中。页面包含 3 个全屏区块、一个 splash screen 和一个固定导航栏。 --- ### 设置

一键获取所有令人惊艳的动效网站提示词： 提示词： 用 React + TypeScript + Vite + Tailwind CSS + framer-motion + lucide-react 构建一个单页落地页。整个页面背景为 bg-black。通过 Google Fonts 加载的字体是 Instrument Serif（斜体和常规体）。在 index.css 中引入它： @import url(''); 液态玻璃 CSS（写在 index.css 的 @lay

提示词： 为一家名为「Logoisum」的视频剪辑机构构建一个高级、高端的 Hero 区域，具体规格如下： 背景：实现一个全屏循环播放的视频背景，使用这个 URL：。视频必须静音、自动播放，并设置为 object-cover 以铺满整个版块，不加任何颜色叠加层。 导航栏：一个悬浮的白色导航栏，圆角 rounded-[16px]，带细微阴影。 左侧：机构 Logo。 中间：一个菜单，包含「About」「Works」「Services」和「Testimonial」链接，字

一键获取所有令人惊艳动效网站的提示词： > 用 **React + TypeScript + Vite + Tailwind CSS + lucide-react** 为一个名为 **「Aethera」**（一家专注放贷业务的金融科技 / AI 公司）构建一个单页落地页。页面背景为白色（`#fff`），不使用滚动动画——只做干净、极简、编辑风格的设计。 > > ### 字体 > - **标题 / 衬线字体：** 「P22 Mackinac W01 Book」，从 `` 加载

一键获取所有令人惊艳动效网站的提示词： # 提示词：精确复刻这个落地页 为一个名为「Mindloop」的用心经营的通讯平台构建一个生产级质量的营销落地页，使用 Vite + React + TypeScript 应用，配 Tailwind CSS、shadcn/ui、framer-motion 和 lucide-react。整体美学是平静、编辑感、电影感——黑色背景、白色前景、衬线斜体点缀、环境氛围的循环背景视频，以及交互表面上标志性的「液态玻璃」效果。不使用紫色 / 靛

一键获取所有令人惊艳动效网站的提示词： 构建一个 Velorah 落地页——一个面向电动房车 / 露营车品牌的高级深色主题单页网站。使用 React、TypeScript、Tailwind CSS 和 hls.js 库。页面纵向堆叠 6 个版块。整个页面背景为纯黑（hsl(0,0%,0%)）。所有标题和展示文字使用 Instrument Serif 字体（在 index.html 中通过 <link> 从 Google Fonts 加载），正文使用 Inter。 全局样式

一键获取所有令人惊艳动效网站的提示词： 精确复刻提示词 项目设置 技术栈：React 19 + Vite 6 + Tailwind CSS 4 + Motion（Framer Motion）+ Lucide React 图标 + TypeScript package.json 依赖： - `react`、`react-dom` ^19.0.1 - `vite` ^6.2.3 - `@tailwindcss/vite` ^4.1.14、`tailwindcss` ^4.

一键获取所有令人惊艳动效网站的提示词： 复刻这个落地页的完整提示词 为一家名为「APEX」的虚构公司创建一个深色、高级的 SaaS 落地页——一个营收加速平台。设计采用「液态玻璃」美学，超深色背景、半透明玻璃拟态元素，配绿色强调色。页面使用 React、Vite、TypeScript、Tailwind CSS、shadcn/ui 构建，视频流使用 hls.js。 全局设计系统 字体：Geist Sans（安装 @fontsource/geist-sans，字重 400

一键获取所有令人惊艳动效网站的提示词： 复刻提示词 提示词： 为一家名为「Aethera」的创意工作室构建一个 React + Vite + TypeScript + Tailwind CSS 落地页。网站仅使用浅色模式（不做暗色模式）。使用两种 Google Fonts：Instrument Serif（展示 / 标题）和 Inter（正文）。所有图标使用 lucide-react。网站有一个电影感视频 Hero，下方还有 7 个版块。所有版块都通过一个 Inters

提示词： 构建一个 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