Stalder Spring Works
定制弹簧与线成型制造商站,蓝色系(深蓝 + 天蓝 + 珊瑚红点缀)配色明快,产品按弹簧类型(压缩/拉伸/扭转/线成型)组织,目录层级极细。
将此技能文档导入 WorkBuddy、Codex、豆包、DeepSeek 等 AI,即可分析该网站并输出深度分析报告。
设计相关内容
布局
顶部导航(SPRING MANUFACTURING / COMPRESSION SPRINGS 多级 / EXTENSION / TORSION / WIRE FORMING / MATERIALS / ASTM CERTIFIED MATERIALS)→ 通栏 Hero(Custom Spring & Wire Form Manufacturing)→ OEM 定制能力 → 压缩弹簧 → 拉伸弹簧 → 扭转弹簧 → 线成型 → 服务行业 → 材料 → 从打样到量产 → 获取报价 → 页脚。
色彩体系
宝蓝 #3a5dd1 / #4a72f5 为主色,天蓝 #a3ccff 作次级 CTA 底色,深蓝 #354f96 作深色块,珊瑚红 #de636b 作主 CTA,浅灰蓝 #f7f8fa 作页面底。
字体排版
标题 franklin-gothic-urw(经典美式标题字体),正文 forma-djr-text,标题字重 700、字距紧。
设计风格
产品目录型美式制造站。多色区分动作层级(红=联系、天蓝=浏览、宝蓝=强调),分类极细便于工程师选型,信息友好度高。
页面结构
Header Hero Capabilities For OEMs Compression Springs Extension Springs Torsion Springs Wire Forming Industries We Serve Spring Wire Materials Prototype To Production Get A Quote Footer
目标受众
OEM 工程师、汽车与工业设备品牌的弹簧采购。
UI 组件
多级产品目录 Hero 标语 产品分类卡 行业列表 材料表 报价表单 多色 CTA 组
响应式要求
多级目录移动端转手风琴;产品卡 4→2→1 列;材料表横向滚动。