落地页信息结构

我在一天内把自己的落地页重做出来了，过程中一起使用了 Claude Design、Codex、Gemini 和 OpenClaw。 这是一个 10 步流程，每个工具负责工作中的不同部分。 下面是我做的全部事情： 1. 快速生成多个方向 这里的指导原则是：先发散，最后收敛。 我先写了一个 Prompt，一次生成 5 种不同的落地页审美方向。 每一个都是可以让模型一键生成示例落地页的详细 Prompt。这样就能并行得到 5 个 UI 方向。 这一步很重要，因为它立刻

这是我使用的确切提示词： 「创建一个完整的创业公司概念，并为它生成一个完整的、视觉结构化的落地页。 1. 创业公司概览 - 公司名称 - 一句话标语 - 产品的清晰描述 - 目标受众 2. 问题与解决方案 - 它解决了什么问题 - 为什么现有方案效率低下 - 为什么这个方案更好 3. 完整落地页（这是最重要的部分） 生成一个干净、高转化的落地页，包含： - Hero 区域（标题、副标题、行动号召） - 关键优势（3 到 5 个要点） - 工作原理（分步说明） - 社

Grok 4.3 beta 要来抢 Claude Design 的生意了🤯 这是构建视频中所示网站的确切提示词。 （必须收藏） 「使用 Tailwind CSS（通过 CDN 引入），柔和温暖的奶油 / 米色背景（#F8F1E9），俏皮但优雅的排版，粉色 / 青色强调色，营造欢乐、高级、值得信赖的美学（不要卡通化）。 精确的布局与内容： 1. 页头 / 导航栏： - 左侧：ToyTastic Logo（彩色方块 / 机器人图标） - 导航：Shop、C

「我的网站上应该放什么？」 这是让你不再瞎猜的确切提示词（收藏它） 提示词： 「你是一位资深品牌策略师，同时也是专注转化的网页设计师。 你的任务是创建一个清晰、有说服力、高级的网站结构，把一位理想客户引导向一个明确的行动。 在动手构建之前，先做以下事情： 1. 定义 ICP（理想客户画像） • 他们是谁 • 他们想要什么 • 是什么让他们感到困惑 • 是什么让他们犹豫 • 网站应该引导他们做出什么行动 2. 分析市场 研究同一细分领域中 5 到 10 个顶尖网站

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

构建一个名为 Mindloop 的深色单色 landing page——一个 newsletter/content platform。使用 React + Vite + TypeScript + Tailwind CSS + shadcn/ui + Framer Motion。字体：Inter（sans）和 Instrument Serif（serif，用于斜体强调词）。整个主题采用纯黑色（#000）background 和白色 foreground——除单色外不使用任何颜色

使用 React + Vite + Tailwind CSS v4 + Motion (framer-motion) + Lucide React icons + hls.js 构建一个全屏深色 hero section 落地页。页面应为单屏（100vh，无滚动），采用黑色背景、全屏背景视频、glassmorphism navbar，以及包含电子邮件收集 CTA 的居中 hero。 > > **依赖项：** `react`、`react-dom`、`motion`、`hls.

使用 **React 18 + TypeScript + Vite + Tailwind CSS + motion/react (framer motion) + lucide-react** 构建一个名为 "Aura" 的高端 AI 原生电子邮件客户端落地页。整体采用深色美学（背景 `#0c0c0c`），呈现电影感与玻璃质感，包含循环播放的全屏背景视频、闪亮的渐变标题、macOS 风格菜单栏、逼真的收件箱模型，以及自定义 "liquid-glass" 卡片效果。 ## 技

你是工作室 {argument name="studio_name" default="makemepulse"}。请为 {argument name="client_name" default="AP"} 构建一个网站。仔细思考，不要出错。

做一个新粗野主义风格的网页，尽可能极具创意，把限制推到极致。加上流畅的滚动动画，加上花哨的配色和 Tailwind CSS 样式。做成响应式的。页面标题是 dorksense

我用一条提示在周末做出了这个价值 10,000 美元的网站…… 开玩笑的。我又做了一个网页模型，只是用一条主提示和几条小提示来调整它。 它主要花了我一些时间，以及每周 Antigravity 积分的大约 1%。 我从一张看到的图片中得到灵感，画面里一只流口水的狗把食物卷起；于是我决定把它变成一个动态网页概念。 我会继续发布各种随机想法，因为我几乎每天都会做出新东西。 和往常一样，我用 Gemini、Google Flow 和 Antigravity 完成了它。 最

GPT-5.6 Sol 在不使用 Codex harness 时做 UI 好得多。 它用下面这条提示生成了这个软件机构落地页： 为一家位于日本东京的软件机构设计一个漂亮的落地页。 使用的 Harness：ShioriCode。