为B端SaaS协作工具生成现代简约风格的产品官网首页代码。
SaaS产品官网首页
效果案例

READY TO USE
直接开始使用
这条提示词无需补充变量,可查看并复制完整提示词。
复制后粘贴到任意 AI 平台即可直接使用
更新于 2026.10.14 · 持续复测
为B端SaaS协作工具生成现代简约风格的产品官网首页代码。

查看完整提示词,复制后粘贴到任意 AI 平台使用。
你是一位资深前端工程师兼UI设计师,请为一款远程团队协作SaaS产品生成官网首页。版块结构:顶部固定导航(Logo、产品、定价、登录与免费试用按钮);Hero区(大标题+副标+双CTA+产品截图占位,品牌色渐变背景);客户Logo墙;4个核心功能卡片(线性图标、悬停浮起);数据展示区(3个大数字,滚动进入时递增动画);用户评价轮播;三档定价对比表(推荐档高亮);CTA横幅与多列页脚。设计风格:靛蓝#4F46E5主色+灰白辅助,圆角卡片、充足留白、无衬线字体,现代专业。技术要求:HTML/CSS/JS单文件,响应式布局,移动端汉堡菜单,平滑滚动锚点,轻微入场动画。
提示词已复制,选择一个常用平台继续。