Industrio - Industrial & Factory HTML Template 来源采集截图 — 其他机械与工业设备 · Industrio - Industrial & Factory HTML Template · 来源预览 ↗

其他机械与工业设备 · Industrio - Industrial & Factory HTML Template

Industrio - Industrial & Factory HTML Template：建议适配其他机械与工业设备（B2B）的采集视觉参考。

来源 Industrio - Industrial & Factory HTML Template 的采集视觉参考，建议适配其他机械与工业设备的 B2B 用户旅程。这是实施指导，不代表原站的实际业务模式。发布前请使用已确认的产品信息和素材。产品数据、可售状态、素材权利和购买行为均需独立确认。

https://html.themexriver.com

调色板

记录的强调色完整保留。其他颜色仅在视觉材料可用时纳入；缺失值为实施建议。目录别名与衍生色阶不是原站官方 Token；对比度和交互状态尚未核验。

参考颜色

排版

字号、字重、行高与字距未测量（not measured）；以下刻度为实施建议。字体名称仅在视觉材料可用时纳入，否则建议使用系统字体。未加载或打包外部字体文件。

字号刻度

heading40px · 700 · 1.2

实施建议值；原站未测量（not measured）。
body16px · 400 · 1.6

实施建议值；原站未测量（not measured）。

字体

字体族

字重: —
字号: —
行高: —
备选字体: sans-serif

正文

字体族

字重: —
字号: —
行高: —
备选字体: sans-serif

标题

间距与形状

间距、容器尺寸与圆角未测量（not measured）。以下值均为建议实施默认值，不是来源实测或官方间距系统。

间距

用途	数值	预览
密度
基础单位
视觉范围
布局测量状态
maxWidth
gutter
radius
heroHeight

边框圆角

用途	数值	预览
建议组件；未测量

完整间距刻度

建议页边距 --space-gutter
建议区块内边距 --space-section

指南

建议

依据真实其他机械与工业设备业务与B2B用户需求调整导航和内容。
仅保留有依据的产品、能力与服务声明，提供经确认文案与授权图片。
实施验收前核验键盘焦点、文字对比度、表单与全部窄屏布局。

避免

不要把行业推荐当作原站原生业务，也不要声称建议 Token 已实测。
不要把演示声明、库存、评价或认证作为客户事实。
不要依据本参考复制或分发模板代码、品牌素材或字体。

Design.mdMarkdown

DESIGN-reference-97a67482ec7a.md

# 其他机械与工业设备 · Industrio - Industrial & Factory HTML Template — DESIGN.md

## 1. 来源与证据

文件来源：依据用户采集记录编写的目录指导文档，并非来源网站公开发布的原始设计规范；未提供原始设计文件或源码仓库版本。

来源详情页: https://themeforest.net/item/industrio-industrial-factory-template/22760929

实际预览: https://html.themexriver.com/industrio/index.html

目录截图: /media/design-styles/collected-catalog/s-97a67482ec7a-1996ffae0b08.webp

来源 Industrio - Industrial & Factory HTML Template 的采集视觉参考，建议适配其他机械与工业设备的 B2B 用户旅程。这是实施指导，不代表原站的实际业务模式。

发布前请使用已确认的产品信息和素材。产品数据、可售状态、素材权利和购买行为均需独立确认。

本参考仅限于已发布的视觉材料；不核验移动端行为、交易流程或其他功能状态。

## 2. 设计定位

Industrio - Industrial & Factory HTML Template：建议适配其他机械与工业设备（B2B）的采集视觉参考。

内容密度: 建议采用均衡内容密度；原站未测量。

采集颜色用于视觉审阅；下方字体、内容层级与转化结构均为适配建议，只有明确标注来源观测的内容才属于已采集事实。

## 3. 页面结构

原站完整模块清单、准确顺序及模块尺寸未测量、未验证；不得补造未观察到的原站模块。

本设计建议采用以下 B2B 页面流程，实施时应结合项目需求调整；此顺序不代表原站模块的精确复现。

| 建议顺序 | 建议模块 | 建议内容 | 建议动作 | 来源证据 |
| --- | --- | --- | --- | --- |
| 1 | 证据 | 经确认的制造或供货证据 | 评估供应商适用性 | 未验证 |
| 2 | 能力 | 真实产品、工艺与规格 | 评估需求适配 | 未验证 |
| 3 | 案例 | 经确认的项目背景与有依据的结果 | 核对相关交付证据 | 未验证 |
| 4 | RFQ | 有标签的需求表单与回复预期 | 提交询盘 | 未验证 |

## 4. 设计变量

### 颜色

记录的强调色完整保留。其他颜色仅在视觉材料可用时纳入；缺失值为实施建议。目录别名与衍生色阶不是原站官方 Token；对比度和交互状态尚未核验。

| 名称 | 值 | Token | 证据 / 角色 |
| --- | --- | --- | --- |
| accent | #FE5A0E | --catalog-accent | 记录的视觉强调色；目录角色是别名，并非原站官方 Token。 |
| background | #FFFFFF | --catalog-background | 实施建议颜色；原站未测量（not measured）。 |
| surface | #F8FAFC | --catalog-surface | 实施建议颜色；原站未测量（not measured）。 |
| accent2 | #334155 | --catalog-accent2 | 实施建议颜色；原站未测量（not measured）。 |
| text | #1E293B | --catalog-text | 实施建议颜色；原站未测量（not measured）。 |
| muted | #64748B | --catalog-muted | 实施建议颜色；原站未测量（not measured）。 |

### 字体与排版

字号、字重、行高与字距未测量（not measured）；以下刻度为实施建议。字体名称仅在视觉材料可用时纳入，否则建议使用系统字体。未加载或打包外部字体文件。

| 角色 | 字体 | 证据 |
| --- | --- | --- |
| 正文 | system-ui, sans-serif | 实施建议值；原站未测量（not measured）。 |
| 标题 | system-ui, sans-serif | 实施建议值；原站未测量（not measured）。 |

| 角色 | 字体 | 字号 | 字重 | 行高 | 字距 | Token | 证据 |
| --- | --- | --- | --- | --- | --- | --- | --- |
| 建议正文 | system-ui | 16px | 400 | 1.6 | — | --type-body | 实施建议值；原站未测量（not measured）。 |
| 建议标题 | system-ui | 40px | 700 | 1.2 | — | --type-heading | 实施建议值；原站未测量（not measured）。 |

### 间距与布局

间距、容器尺寸与圆角未测量（not measured）。以下值均为建议实施默认值，不是来源实测或官方间距系统。

基础单位: 4px — 实施建议值；原站未测量（not measured）。

| 名称 | 值 | Token |
| --- | --- | --- |
| 建议页边距 | 24px | --space-gutter |
| 建议区块内边距 | 64px 24px | --space-section |

| 布局项 | 值 / 证据 |
| --- | --- |
| 视觉范围 | 仅桌面视觉参考；移动端行为和功能状态未验证。 |
| 布局测量状态 | 布局几何尺寸与响应式断点未测量（not measured）；目录布局属于适配建议。 |
| maxWidth | 1200px — 实施建议值；原站未测量（not measured）。 |
| gutter | 24px — 实施建议值；原站未测量（not measured）。 |
| radius | 12px — 实施建议值；原站未测量（not measured）。 |
| heroHeight | 640px — 实施建议值；原站未测量（not measured）。 |

### 形状

| 元素 | 圆角 |
| --- | --- |
| 建议组件；未测量 | 12px |

边框、阴影和图标尺寸未测量；建议圆角不是原站官方 Token。

### 动效

动效与交互行为未测量或测试。实施建议：清晰焦点、克制过渡，并尊重减少动态效果偏好。

## 5. 组件及状态

未提供原站组件实测清单或交互状态采集。下表记录证据缺口，不声称来源页面存在特定控件。

| 组件清单 | 默认结构 | 悬停 / 焦点 / 激活 | 错误 / 加载 / 禁用 | 移动端变化 | 证据 |
| --- | --- | --- | --- | --- | --- |
| 未提供原站清单 | 未验证 | 未验证 | 未验证 | 未验证 | 未提供状态测量 |

基准测试建议：仅实施所选流程需要的控件，并验证默认、键盘、加载、错误、空状态与成功状态；建议控件不构成原站观测。

## 6. 响应式行为

未测量或进行功能验证。建议内容随可用宽度重排，保持操作可达，并在移动端与桌面端测试导航、表单和宽数据表。

建议基准测试视口：桌面 1440 × 1000px、移动 390 × 844px。这些是测试目标，不是原站实测断点；基准测试通过不代表原站已验证。

## 7. 图片与图标

截图仅为采集视觉参考。正式实施应使用获批且已授权的业务图片；发布截图不授予所展示素材的使用权。

图片裁切规则、素材原始尺寸、图标风格与逐项复用权限未验证。应以获批素材替换演示与占位内容，不依据截图推定素材授权。

## 8. 可用性核验

不宣称功能或无障碍检查通过；仅凭所提供的视觉证据不能认定可用性达标。

基准测试建议：计算前景与背景的对比度，测试表面需要时选择可读的黑色或白色前景；应记录为实施适配，不作为原站实测色，也不据此声称所有文字和控件符合无障碍要求。

| 检查项 | 状态 |
| --- | --- |
| 文字可读性与对比度 | 未验证 |
| 导航操作与键盘焦点 | 未验证 |
| 表单标签与错误反馈 | 未验证 |
| 移动端与触摸交互 | 未验证 |
| 减少动态效果与核心转化流程 | 未验证 |

## 9. 重建建议

- 依据真实其他机械与工业设备业务与B2B用户需求调整导航和内容。

- 仅保留有依据的产品、能力与服务声明，提供经确认文案与授权图片。

- 实施验收前核验键盘焦点、文字对比度、表单与全部窄屏布局。

### 避免事项

- 不要把行业推荐当作原站原生业务，也不要声称建议 Token 已实测。

- 不要把演示声明、库存、评价或认证作为客户事实。

- 不要依据本参考复制或分发模板代码、品牌素材或字体。

### 建议实施重点

#### 能力概览

清晰呈现已确认的产品、规格和支持信息。

#### 询盘路径

提供带标签的需求表单并说明回复预期。

#### 信任与支持

使用已确认的政策、服务信息和联系渠道。

使用基准模板副本测试文档变量与建议业务流程，区分此测试结果和原站重建。本文件不记录已完成的整站重建。

## 10. 已知缺口

- 整页结构、组件状态、响应式断点、排版数值、间距尺寸与动效仍未测量或未验证。

- 记录的颜色和字体声明仅为局部视觉证据，并非完整官方设计系统。发布前请确认最终素材、产品数据与使用权限。

### 许可与来源限制

本目录仅发布视觉参考与设计指导，不提供模板源码，也不授予模板、截图、品牌标识、图片或字体的使用权。复用前请确认服务商条款和素材权限。

调色板

参考颜色

排版

字号刻度

字体

间距与形状

间距

边框圆角

指南

建议

避免

Cookie 偏好