Fjord Marine Systems 的首屏不是常规的摄影横幅，而是一张不对称排布、带标注的船舶系统图，旁边配一份参考配置清单。随后依次是用 HTML 实现的系统分类、注明适用工况的规格参数表、通栏的机舱设备特写、能力清单、分四个关口的集成流程、工程评审对接环节，以及受控文档目录。整套结构把复杂的船舶工程服务整理成有条理、可复用的信息架构。
这款模板适合船舶系统集成商、船舶工程咨询公司、设备制造商、船厂供应商、海工技术企业以及工业服务机构。把 Fjord 的品牌标识换成透明底 Logo，并准备用于技术文档和移动端导航的紧凑单色版本。请保留模板精确对齐的容器边缘、表格对齐、标注间距、克制的强调色和统一的纵向节奏。
带标注的首屏图应当描述一套真实的系统架构，而不是充当装饰性的蓝图画。尽量根据经过核实的工程资料，用可访问的 SVG 或 HTML 重新绘制图示，并提供对应的文字说明。标注、规格、按钮、标题和数据都要与照片分开，不要做进图里。
系统页面要写明供货范围、接口、适用船型、运行环境、额定参数、执行标准、可选项、不包含的内容、技术文档、调试、培训、备件、质保和全生命周期支持。计量单位要统一，性能数据要注明成立条件。表格要区分典型范围、工程极限值、示例配置和合同保证值。兼容性矩阵需经过工程部门审核，未经项目评估，不能暗示已获认证或一定适用。
集成流程要写清实际的职责分工、输入资料、评审关口、工厂试验和系泊试验、验收标准、文档交付和变更控制。资质认证、船级社认可、质量标准、网络安全说法、环保表现、客户名称、项目数量、服务区域和响应承诺，都必须适用于所写的公司主体和当前业务范围。绝不能编造船舶项目、试验结果、厂房设施、合作伙伴标识或合规徽章。
上线前要把 AI 生成的船舶和车间图片换成已授权且真实准确的素材。未经许可，不要展示客户的保密设计、名称、屏幕界面、序列号、图纸或受限设施。AI 生成的图片不能被当作设备、产能、安全表现或已交付项目的证据。技术类图片要配上描述性的 alt 文本、图注、日期和配置背景信息。
可下载的文档需要标明版本号、发布日期、负责人、文件类型、文件大小和归档规则。表单只收集初步工程评审所需的信息，说明回复时间；图纸、规格书、受出口管制的资料和保密文件，要转入需要登录验证的安全交换通道。
SEO 方面，为真实存在的系统、船型、能力、全生命周期服务、项目案例和技术资源建立内容扎实的页面。每个页面都要有独立的页面标题、页面描述、规范网址（canonical）、合理的标题层级、面包屑导航和站内链接。不要为每一种规格组合都建一个低质量薄内容页面。只有当页面上可见的说法与之相符时，才使用组织、产品或服务类结构化数据。如果做多语言版本，计量单位、术语、文档版本、支持承诺、法规引用和联系人都要本地化，并交由具备资质的技术人员审校。
在移动端，把标注分组改为纵向堆叠，把宽表格转换成带字段标签的记录，保证图示依然清晰可读，不能出现横向溢出。要支持键盘操作、清晰可见的焦点、足够的对比度、较大的触控区域和减弱动效，表格要有表头，状态提示不能只靠颜色区分。数据统计、地图、在线客服、视频和第三方文档等非必要功能，要遵守授权同意和安全方面的要求。
上线前，请替换所有虚构的规格、项目、认证、联系人、照片、文档和说法；测试导航、文档下载、表单与校验、安全对接流程、键盘操作、读屏软件、响应式表格、性能、隐私以及各种失败状态。补齐经过审核的隐私政策、服务条款、无障碍说明、质保、技术支持、出口管制、质量、安全和联系方式等信息。指定工程和内容负责人，并制定版本管理和审核周期，确保技术信息始终可靠。
