UI · №01 · SPECIMEN

首屏大区Hero Section

落地页最上面那一大块首屏大标题那块官网打开第一眼那部分

LIVE SPECIMEN真的能玩，点点看

让 agent 一次做对

看得见、说得出的选型决策词典。

先看结论

落地页第一屏的核心区块：大标题（常带高亮关键词）、一句话副题、主按钮 + 幽灵按钮。

适合: 产品落地页、营销页首屏——3 秒内让访客明白"这是什么、跟我有什么关系"。
不适合: 后台工具页——用户要的是功能入口，不是宣言。

直接发给 agent

Build the hero section for the landing page: a large headline with a highlighted keyword, a one-sentence subheadline, a primary CTA button next to a secondary ghost button, generous vertical padding, headline left-aligned.

已于 2026-07-17 实测通过

技术标注2 项

web: section + h1 + CTA 组合
react: 布局模式，无专用组件

详细说明

Hero 是转化率最高的一块屏幕地产。跟 agent 只说“做个首页”多半得到一张大图加轮播；说 hero section 加上标题/副题/CTA 结构，产出直接是能用的落地页首屏。