适合在前端搭建阶段复制到 AI 工具中使用。建议先补充项目背景、目标用户、预算和技术约束，再根据生成结果二次整理为可执行清单。
可直接复制使用的 AI 提示词、脚本和代码
适合在前端搭建阶段复制到 AI 工具中使用。建议先补充项目背景、目标用户、预算和技术约束，再根据生成结果二次整理为可执行清单。
请生成一个完整的企业官网前端页面。
要求：
- 品牌：[品牌名称]
- 行业：[行业]
- 色调：[主色]
- 页面数量：[1-5 页]
- 需要响应式设计
请包含以下部分：
1. HTML 结构（语义化标签）
2. CSS 样式（Flexbox/Grid）
3. JavaScript（交互功能）
4. 适配移动端（@media 断点）
风格要求：[简洁现代 / 科技感 / 温馨亲和]适合在前端搭建阶段作为代码片段或最小实现参考。请根据项目框架、环境变量、安全策略和异常处理要求调整后再上线。
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>页面标题 · 品牌名</title>
<meta name="description" content="页面描述">
<meta property="og:title" content="分享标题">
<meta property="og:description" content="分享描述">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 导航 -->
<nav class="nav">
<div class="container">
<a href="/" class="logo">Logo</a>
<ul class="menu">
<li><a href="/">首页</a></li>
</ul>
</div>
</nav>
<!-- 主要内容 -->
<main>
<!-- Hero, Content, Footer -->
</main>
</body>
</html>