适配:AI 生成 HTML、秒哒、扣子应用,企业宣传官网,包含首页完整业务板块,兼顾电脑 + 手机响应式,商务稳重高级。
标准版(大多数中小企业官网,直接复制)
生成完整可运行的企业官网单页网站,现代商务简约企业风,专业稳重,干净高级,适合公司品牌展示。
色彩体系:主色#165DFF,辅助色#E67E22,背景为浅灰白#F7F9FC,正文深灰#333333,辅助文字#666666;整体配色不超过3种主色调,低饱和,拒绝花哨刺眼颜色。
布局排版:大量留白,模块化布局,响应式自适应电脑、平板、手机;使用Inter+PingFang SC无衬线字体;标题、副标题、正文、说明小字字号层级清晰,行高宽松舒适。
UI组件细节:卡片中等圆角,柔和微弱阴影,细分割线;按钮圆角,hover平滑变色过渡,轻量动效;少量渐变做点缀,禁止多余炫酷特效,整体克制大气。
页面模块:顶部导航栏(logo、导航菜单、联系按钮)、首屏Hero横幅(企业slogan+简介+咨询按钮)、关于我们、核心业务服务板块、产品展示、企业优势、客户案例、新闻资讯、联系我们(地址电话表单)、底部页脚版权信息。
约束:输出完整HTML代码,结构整洁无冗余;UI符合Awwwards企业官网审美;不要老旧网页样式;图片位置用占位注释标注,代码可以直接打开预览。
高级质感版(集团 / 科技企业,偏轻奢高级)
生成完整可运行集团企业官网单页,轻奢现代科技企业风格,质感强,简约大气,有品牌高级感。
色彩体系:主色#0F4C81,辅助色#C89B3C,背景#F5F7FA,文字深炭灰;配色克制,不堆砌色彩。
布局排版:宽屏大留白,分栏+卡片组合布局,严格响应式,移动端优先;Inter无衬线字体,排版疏密得当。
UI组件细节:低模糊毛玻璃少量点缀,细腻柔和阴影,适度圆角;按钮hover有平滑过渡;装饰元素极简,拒绝繁杂。
页面模块:顶部固定导航栏、首屏品牌Hero区、企业简介、业务板块、核心技术优势、成功案例、合作伙伴、新闻动态、在线咨询表单、页脚。
约束:完整可运行HTML,代码干净;视觉精致有信任感;不使用老旧网页效果;图片使用占位标记。
极简轻量化版(小微企业、展示型官网,代码少加载快)
生成轻量化企业展示官网,极简商务风,清爽干净,加载速度快。
色彩体系:主色#2B5797,辅助色#42A5F5,浅灰底色,黑白灰为主,配色简洁。
布局排版:大留白,简洁卡片布局,响应式适配手机电脑;字体层级简单清晰。
UI组件细节:小圆角,浅阴影,动效极少,优先保证简洁实用。
页面模块:导航栏、首页banner、业务介绍、公司简介、联系板块、页脚。
约束:精简HTML代码,无多余组件,保证打开流畅,适合小微企业线上展示。
