模板
从精选模板开始 —— 改编成你的作品并分享。
Product launch hero
A responsive product hero with a focused value proposition, proof points, and two clear actions.
Accessible signup form
A labeled signup form with helpful descriptions, visible focus, and a clear privacy promise.
Pricing comparison
Three responsive pricing cards with a highlighted recommendation and scannable feature lists.
Analytics dashboard
A compact responsive dashboard with summary metrics, an accessible table, and a CSS-only chart.
Personal portfolio
A calm one-page portfolio with selected work, an about statement, and direct contact links.
Event registration
An event landing page with schedule context, speaker details, and a concise registration form.
Documentation layout
A responsive documentation shell with section navigation, readable prose, and code examples.
Helpful empty state
An empty state that explains why the page is empty and gives one relevant next action.
Service status page
A transparent status page with current state, component history, and an incident update.
Feedback survey
A concise research survey with grouped choices, an optional comment, and clear submission expectations.
按问题选择，而不是只看外观
每个模板对应一个具体界面问题：发布产品、比较套餐、收集反馈、编写文档或说明服务状态。改编前先打开详情页，理解结构和边界。
把模板当作经过评审的起始代码
替换虚构内容，检查无障碍，并测试空状态、错误状态和窄屏。模板不会包含生产密钥或真实后端行为，这些部分需要在你的应用中安全接入。