Tollman Spring
定制弹簧与线材成型制造商站,页面极简、以行业分类(汽车/五金/医疗/国防/电子/机器工具)为首页主体,深色实拍 + 白底对比。
将此技能文档导入 WorkBuddy、Codex、豆包、DeepSeek 等 AI,即可分析该网站并输出深度分析报告。
设计相关内容
布局
顶部导航(Products 多级:Helical Springs / Stamping / Wireforms / Flat Springs / Gas Springs + Industries)→ 通栏 Hero(Products + 深色产品实拍)→ 行业分类(汽车 / 五金 / 医疗 / 国防 / 工商 / 其他 / 电子 / 机器与工具)→ Get In Touch → 我们准备好了 → 页脚。
色彩体系
深海军蓝 #002e5d / #000230 作深色块与强调,亮蓝 #1d67cd 作辅助,中灰 #2d2d2d / #2B2C2F / #72747D 作图片与文字,白色 #ffffff 背景。
字体排版
正文 Arial/Helvetica,标题 avenir-lt-w01_85-heavy(重字重无衬线),标题字重极高、字号大。
设计风格
极简行业导向型站点。首页几乎没有装饰,直接以行业入口网格 + 联系我们收尾,配视频背景,是最克制的表达之一。
页面结构
Header Hero Automotive Hardware Medical Defense Commercial & Industrial Other Electronics Machines & Tools Get In Touch Footer
目标受众
汽车、医疗、国防与工业设备品牌的弹簧与线成型件采购。
UI 组件
多级产品菜单 Hero 视频 行业入口网格 询盘按钮 联系表单
响应式要求
行业网格 4→2→1 列;Hero 视频在移动端降级为静态图。