web-design

请先为一个 AI 笔记应用官网落地页制定网页设计规范，不要直接写代码。包含页面目标、目标用户、信息架构、配色、字体层级、按钮样式、卡片样式、间距系统、响应式断点和交互原则，并给出后续可交付给前端实现的页面结构说明。

一份结构清晰的网页设计规范文档，可直接用于后续页面开发。

基于以下要求，为产品官网首页先整理设计说明，再输出实现建议：品牌风格极简、主色蓝紫渐变、包含英雄区、功能区、客户案例、价格区和 FAQ。请说明各模块视觉重点、布局规则、组件复用策略，以及适合用 HTML/CSS 或 React 实现的结构建议。

先有设计说明，再有分模块的前端实现建议，便于设计与开发协作。

我正在重构公司的多个营销页面，请帮我制定统一的网页设计系统，确保不同页面风格一致。请输出颜色 token、字体规范、按钮与表单组件规则、栅格与间距系统、插画与图标使用原则，并补充如何在后续编码阶段保持一致性。

一套可复用的网页设计系统规范，并附带编码阶段的一致性落实建议。