SaaS 着陆页技能
生成一个现代、专注于转化率的 SaaS 着陆页。
规则
- 单页布局,带粘性导航
- 英雄区域使用渐变背景(禁止紫色/青色渐变)
- 3-4 个功能点(禁止三列等宽卡片)
- 社会证明区域,显示真实公司 logo 或占位块
- 三栏定价表
- 页脚包含新闻订阅
- 使用提供的公司名称和标语
- 主色用于强调,每屏幕最多使用两次
- 禁止使用 Inter 字体。请使用 Geist、Satoshi 或 Cabinet Grotesk
结构
- 导航(粘性,模糊背景效果)
- 英雄区域(左文本 + 右视觉效果/指标)
- 社会证明(logo 栏)
- 功能点(交替布局)
- 客户评价(1 个高亮 + 网格)
- 定价(3 档,中间档强调)
- 号召性用语横幅
- 页脚
技术要求
- 单文件 HTML,内联 CSS
- 响应式:移动端优先断点
- CSS 自定义属性用于主题化
- 平滑滚动行为