完整 HTML（已内联企业级 CSS，可直接保存为 index.html 使用） ```html AI Beautify — 基线页面

产品演示 — AI 美化基线

这是一个用于不同生成式 AI 美化对比的基础 HTML 页面。页面不含任何样式或脚本。

概述

我们的示例产品旨在演示一个简单的单页面布局：标题、特色、图集、价格与联系表单。你可以把本文件交给多个 AI，让它们为此页面生成 CSS、设计系统或重构 HTML。

功能亮点

价格一览

方案与价格
方案 价格（每月） 适用对象
免费 ¥0 个人与试用
专业 ¥49 中小型团队
企业 面议 大规模部署与 SLA

联系我们

填写下列信息，我们会尽快与您取得联系。

联系信息
``` --- 三条设计原则（美化思路） 1. 信息层级优先：通过字号、字重、留白与配色，把“标题-副标题-正文-辅助”逐层拉开，让用户一眼抓住核心内容。 2. 稳定中性配色：以深蓝为主色、浅灰作背景、低饱和文字降低视觉噪音，传递企业可靠、专业的品牌气质。 3. 响应式弹性布局：同一套 HTML，桌面自动左右分栏，移动端上下堆叠；所有元素使用相对单位与弹性容器，确保任意视口下都有舒适阅读宽度与触控尺寸。 --- 五种可选色彩方案（仅调色板，无需全部实现） 1. 深海蓝 – #003366 / 科技蓝 – #0052cc / 浅雾灰 – #f5f7fa / 文字深青 – #172b4d / 点缀薄荷 – #36b37e 2. 石板灰 – #2d3748 / 亮钴蓝 – #3182ce / 极浅灰 – #f7fafc / 深石墨 – #1a202c / 点缀橙 – #ed8936 3. 藏青 – #1e3a8a / 天青 – #3b82f6 / 冷灰 – #e5e7eb / 墨黑 – #111827 / 点缀黄 – #f59e0b 4. 深岩蓝 – #0f172a / 澄澈蓝 – #2563eb / 雾银 – #f1f5f9 / 炭灰 – #1f2937 / 点缀青 – #10b981 5. 午夜蓝 – #001f3f / 亮靛 – #0074d9 / 烟灰 – #f6f8fa / 深靛 – #0b1426 / 点缀洋红 – #e91e63