SanMar
SanMar（sanmar.com）北美大型印花成衣与配饰 B2B 分销商。首屏主标题为「75+ New Styles From 9 Retail Brands」。
将此技能文档导入 WorkBuddy、Codex、豆包、DeepSeek 等 AI，即可分析该网站并输出深度分析报告。
设计相关内容
布局
顶部固定导航栏，含 10 项主导航（Products、New、Brands、T-Shirts、Polos/Knits、Sweatshirts/Fleece）；首屏采用全宽轮播 Banner（大图 + 文案 + CTA 三件套）；主体为纵向堆叠的 5 个内容区块，其中约 4 个卡片/网格单元用于产品或解决方案陈列；整页图片密度高（264 张），偏视觉驱动型版式；页内嵌 4 个表单（询盘/登录/订阅）；页脚为多列链接矩阵 + 社交图标 + 法律条款区。
色彩体系
页面底色 #ffffff；品牌主色 #0077cf（用于导航、按钮、图标与重点强调）；正文文字色 #6a6a6a；中性色阶 #FFFFFF、#F2F5F7；浅色底（白/浅灰）+ 单一强调色。
字体排版
正文 Arial，标题 Playfair-Display；标题层级 h1 单条主标题 + 3 个 h2 分区标题 + 66 个 h3 次级标题；英文为主，字重对比（Regular/Bold）构建层级，行高宽松
设计风格
极简主义：大量留白、细字重标题、去装饰化，靠图片与网格本身构成节奏。
页面结构
① 顶部导航/工具条 ② 首屏 Hero轮播 ③ 核心业务入口：Products、New、Brands、T-Shirts、Polos/Knits ④ 内容分区：Fall-Ready Looks From Names Customers Love / New and Notable / Everyday Basics, Elevated Fits ⑤ 案例或客户背书区 ⑥ 转化区（询盘表单 / 注册 / 联系） ⑦ 多列页脚
目标受众
服装品牌商、印花定制厂、零售买手与批发分销商
UI 组件
主导航栏、搜索框、CTA 按钮、卡片/网格、轮播 Banner、表单（登录/询盘/订阅）、面包屑、产品/方案分类筛选、页脚多列导航、社交图标
响应式要求
需支持 1440 / 1024 / 768 / 375 四档断点；导航在移动端折叠为汉堡菜单；轮播与卡片网格在窄屏降为单列；图片按 DPR 提供 2x 资源并懒加载；表格类参数区在窄屏改为横向滚动或折叠卡片；触控目标不小于 44×44px，表单输入启用对应键盘类型。
同类的其他独立站网站案例
更多独立站网站案例 →
服装及配饰
ASOS Corporate / Supply Chain
ASOS Corporate / Supply Chain（asosplc.com）ASOS 供应链与品牌采购入口。首屏主标题为「What’s New at ASOS」。
查看详情 →
服装及配饰
Faire
Faire（faire.com）全球独立零售商与品牌批发采购平台。首屏主标题为「Find your next bestseller」。
查看详情 →
服装及配饰
Zulily Wholesale
Zulily Wholesale（zulily.com）服装及生活用品 B2B 采购/清货通道。Shop Zulily for daily deals on clothing, home décor, toys, beauty, and more. Discover top brands and unique finds at up to 90% off.
查看详情 →