标本可交互,可以切换不同状态。Interactive specimen — switch between the available states.
适用场景Use cases
产品发布、线索收集、功能说明产品发布 · 线索收集 · 功能说明
关键状态Key states
默认Default加载Loading错误Error成功反馈Success
布局结构Structure
首屏价值与真实产品视觉First-screen value and product evidence
关键能力证据Proof of key capabilities
使用方式How it works
单一转化入口Single conversion path
视觉特征Visual traits
首屏只承担一个主要信息The first screen carries one main message
产品本体在首屏可见The product is visible immediately
不同区段使用不同信息构图Sections use distinct information compositions
实现约束Implementation guardrails
需要做到Do
首屏保留下一段内容提示Hint at the next section from the first screen
只设置一个主要 CTA 意图Give the page one primary CTA intent
表单错误就地说明Explain form errors in place
避免Avoid
用抽象渐变代替产品画面Replace product evidence with abstract gradients
重复排列相同三列卡片Repeat the same three-card row
AI 风格说明AI design brief
构建一个直接展示产品价值和真实界面的发布落地页。
适用场景:产品发布、线索收集、功能说明。
页面结构:首屏价值与真实产品视觉;关键能力证据;使用方式;单一转化入口。
视觉特征:首屏只承担一个主要信息;产品本体在首屏可见;不同区段使用不同信息构图。
关键状态:默认、加载、错误、成功反馈。
需要做到:首屏保留下一段内容提示;只设置一个主要 CTA 意图;表单错误就地说明。
避免:用抽象渐变代替产品画面;重复排列相同三列卡片。Build a launch page around clear value, real product evidence, and one action path.
Use cases: Product launch, Lead capture, Feature explanation.
Structure: First-screen value and product evidence; Proof of key capabilities; How it works; Single conversion path.
Visual traits: The first screen carries one main message; The product is visible immediately; Sections use distinct information compositions.
Key states: Default, Loading, Error, Success.
Do: Hint at the next section from the first screen; Give the page one primary CTA intent; Explain form errors in place.
Avoid: Replace product evidence with abstract gradients; Repeat the same three-card row.
# 产品发布落地页 (Product Launch Landing Page)
用清晰价值、真实产品画面和单一行动路径完成产品介绍。
A product launch page built around clear value, real product evidence, and one action path.
## 分类
- 产品类型:营销页 / Marketing
- 页面类型:落地页 / Landing page
- 布局方式:双栏、单栏 / Split view, Single column
- 视觉气质:专业、沉浸、克制 / Professional, Immersive, Restrained
- 关键状态:默认、加载、错误、成功反馈 / Default, Loading, Error, Success
## 页面结构
- 首屏价值与真实产品视觉 / First-screen value and product evidence
- 关键能力证据 / Proof of key capabilities
- 使用方式 / How it works
- 单一转化入口 / Single conversion path
## 视觉特征
- 首屏只承担一个主要信息 / The first screen carries one main message
- 产品本体在首屏可见 / The product is visible immediately
- 不同区段使用不同信息构图 / Sections use distinct information compositions
## AI 风格说明 / AI design brief
构建一个直接展示产品价值和真实界面的发布落地页。
适用场景:产品发布、线索收集、功能说明。
页面结构:首屏价值与真实产品视觉;关键能力证据;使用方式;单一转化入口。
视觉特征:首屏只承担一个主要信息;产品本体在首屏可见;不同区段使用不同信息构图。
关键状态:默认、加载、错误、成功反馈。
需要做到:首屏保留下一段内容提示;只设置一个主要 CTA 意图;表单错误就地说明。
避免:用抽象渐变代替产品画面;重复排列相同三列卡片。
Build a launch page around clear value, real product evidence, and one action path.
Use cases: Product launch, Lead capture, Feature explanation.
Structure: First-screen value and product evidence; Proof of key capabilities; How it works; Single conversion path.
Visual traits: The first screen carries one main message; The product is visible immediately; Sections use distinct information compositions.
Key states: Default, Loading, Error, Success.
Do: Hint at the next section from the first screen; Give the page one primary CTA intent; Explain form errors in place.
Avoid: Replace product evidence with abstract gradients; Repeat the same three-card row.
来源:LearnUI PM 原创示例,MIT License