首屏Hero
官网常用区块用页面第一屏说明产品和下一步
首屏是访客打开页面后最先看到的主要区域。标题、说明、主要操作和视觉素材应该共同回答：这是什么、对谁有用，以及用户接下来可以做什么。
新 · AI 建站助手
把想法变成网页，只需一句话
不用写代码，描述你想要的页面，AI 帮你生成、修改、上线，十分钟拥有官网。
免费开始观看演示 →
+8万
已有 80,000+ 创作者加入
★★★★★ 4.8
什么时候用
- 一句话价值主张：说清你是谁、有什么用把想法变成网页，只需一句话免费开始
- 一个主按钮：告诉访客下一步干嘛，唯一且醒目新建项目
- 配主视觉：产品截图或插画，让人「看见」产品一句话标题开始
- 在首屏下方衔接真实的用户或客户证据林油K+58 人协作中
什么时候不用
- 看完没有下一步：首屏必须有一个 行动号召 CTA把想法变成网页，只需一句话看完了……然后呢？没有按钮
- 宏大但空洞的口号：领先、连接、重构未来赋能 · 连接 · 重构未来很宏大，但你是干嘛的？
- 首屏堆满文字当说明书：没人会读
- 首屏塞 走马灯 Carousel 轮播：没人等到第二张夏季新品发布会
组成结构 · Anatomy
把想法变成网页，只需一句话
不用写代码，描述你想要的页面，AI 帮你生成并上线。
免费开始 →
1主标题Headline一句话价值主张，整个页面最大的一行字
2副文案Subhead补充解释给谁用、解决什么问题
3CTA 按钮CTA最希望访客点的那个动作
4主视觉Visual产品截图或插画，帮访客「看见」产品
常见变体 · Variants
居中型Centered
工具、SaaS 最常用的稳妥款
左文右图Split
有产品截图或插画可展示时
产品截图型Screenshot
产品本身最好看，直接秀出来
典型使用场景
SaaS 产品官网首屏
新 · AI 数据分析
让每一份报表，自己开口说话
上传表格，AI 自动生成图表和结论，数据分析从半天缩到 30 秒。
免费试用 14 天预约演示 →
个人作品集开场
你好，我是林小hu
独立产品设计师 · 专注 SaaS 与效率工具，帮 20+ 团队完成从 0 到 1 的设计落地
App 下载落地页
山行 · 记录每一次出发
离线地图、轨迹记录、海拔曲线，徒步爱好者的口袋向导。
App Store
▶ Google Play
活动报名页头部