搭骨架
首屏
Hero
「首页第一屏」「大标题那一块」「主视觉区」「首屏 banner」
LIVE DEMO真实可交互，动手试试
Hero
把模糊需求翻成准确组件
设计师说大白话，前端也能快速对上真名、别名和常见误叫法。
立即查词看示例
Landing preview
Hero + Search + Live Demo
- 英文名
- Hero
- 别名 · 俗称
- 首屏区主视觉区首页第一屏
- Web 叫法
- Hero Section
- 大白话定义
- 页面打开后第一眼看到的核心区块，通常放主标题、副标题、主按钮和关键视觉，用来快速讲清价值。
- 部位拆解
- 主标题 Headline一句话讲清价值主张
- 辅助文案 Supporting Copy补充解释产品或功能
- 主行动 CTA引导用户立即开始或继续了解
- 主视觉 Visual配图、产品截图或插画
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个 Hero 首屏：左侧主标题和副标题，下方两个 CTA，右侧放产品预览图，整体有明显视觉重心
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的首屏（Hero）。逐一排除：主标题不够聚焦；CTA 被正文淹没；主视觉和文案争抢注意力；移动端首屏高度过高导致主要信息被折叠。症状是：