Source 21
北美精密金属供应商站（不锈钢、铜、黄铜、铝、镍合金、碳钢），深色主视觉 + 钢蓝灰行动色，强调加工服务与全国仓储配送。
将此技能文档导入 WorkBuddy、Codex、豆包、DeepSeek 等 AI，即可分析该网站并输出深度分析报告。
设计相关内容
布局
顶部导航（HOME / ABOUT US / PRODUCTS 多级 / INDUSTRIES）→ 深色通栏 Hero（SOURCE 21 品牌主张）→ 精密金属品类 → 我们的差异点 → ISO 认证 → 金属加工服务 → 全国库存与配送 → 新闻与博客 → 免费报价 → 页脚。
色彩体系
近黑 #07090D / #1A2026 / #0F1319 构成深色体系，钢蓝灰 #698aa4 作按钮与强调，浅灰 #e9e9e9 分区，背景 #ffffff。
字体排版
标题 Antonio（窄体高挑，工业标签感强），正文 Open Sans，标题全大写。
设计风格
北美金属分销商风。深色 Hero + 窄体大写标题，配合材料特写与企业数据，硬朗、信息导向。
页面结构
Header Dark Hero Precision Metals We Offer What Sets Us Apart ISO Certified Metal Processing Services Nationwide Inventory & Distribution Latest News Get A Free Quote Footer
目标受众
北美制造业、航空航天与精密加工企业的金属材料采购。
UI 组件
多级产品菜单 深色 Hero 品类卡 认证徽章 服务列表 配送网络图 报价表单
响应式要求
品类卡 3→1 列；Hero 窄体大写标题在窄屏降字号并保证行内不断词。
同类的其他独立站网站案例
更多独立站网站案例 →
金属与钢材
Shandong Tongmao Special Steel
山东通茂特钢企业站，主推铜管、黄铜管、镍铜管、铝管与精密无缝钢管，首页以产品轮播 + 资质 + 生产能力构建信任。
查看详情 →
金属与钢材
Jiugang Steel
九钢钢材外贸站，覆盖碳钢、不锈钢、镀锌、铝、铜五大品类，深色主视觉开场，配视频与轮播强化工厂实力。
查看详情 →
金属与钢材
Paramount Extrusions
Paramount Extrusions（美国，1953 年创立，三代家族经营）是一家以间接挤压（indirect extrusion）高精度铝型材为核心的 B2B 制造商。两条 3″ 650 吨间接挤压机，壁厚可薄至 .018″，合金覆盖 6063/6061/6463/6005A；拥有 2,000+ 开放模具与 3,000+ Depot 常备库存（48 小时发货）。具备挤压—CNC 加工—表面处理（阳极/粉末/抛光/铬化）一站式能力，并持有 AS9100、ISO、RoHS、BABAA、REACH 全套合规。本报告为其独立站营销架构、信任构建与外贸获客策略的深度解读。
查看详情 →