Chow Tai Fook Corporate
Chow Tai Fook Corporate(chowtaifook.com)周大福集团企业及珠宝供应链。首屏主标题为「解鎖周年慶典」。周大福自 1929 年以來為您提供精湛工藝的當代珠寶。長期致力於創新和工藝,為您帶來歷久常新的時尚珠寶,立即於周大福珠寶選購最合您心意的珠寶首飾。
将此技能文档导入 WorkBuddy、Codex、豆包、DeepSeek 等 AI,即可分析该网站并输出深度分析报告。
设计相关内容
布局
顶部固定导航栏,含 5 项主导航;首屏采用全宽轮播 Banner(大图 + 文案 + CTA 三件套);主体为纵向堆叠的 1 个内容区块,其中约 635 个卡片/网格单元用于产品或解决方案陈列;整页图片密度高(195 张),偏视觉驱动型版式;页脚为多列链接矩阵 + 社交图标 + 法律条款区。
色彩体系
页面底色 #ffffff;品牌主色 #9C0A03(用于导航、按钮、图标与重点强调);正文文字色 #796e65;中性色阶 #020403;浅色底(白/浅灰)+ 单一强调色。
字体排版
正文 Europa,标题 Orpheus Pro;标题层级 h1 单条主标题 + 4 个 h2 分区标题;英文为主,字重对比(Regular/Bold)构建层级,行高宽松;站点默认语言 zh-HK
设计风格
极简主义:大量留白、细字重标题、去装饰化,靠图片与网格本身构成节奏;视觉驱动,卡片网格密集,强调浏览效率;视频叙事,动态感强。
页面结构
① 顶部导航/工具条 ② 首屏 Hero轮播 ⑤ 案例或客户背书区 ⑥ 转化区(询盘表单 / 注册 / 联系) ⑦ 多列页脚
目标受众
珠宝零售商、眼镜连锁、钟表 OEM/ODM 品牌客户
UI 组件
主导航栏、搜索框、CTA 按钮、卡片/网格、轮播 Banner、视频播放器、面包屑、产品/方案分类筛选、页脚多列导航、社交图标
响应式要求
需支持 1440 / 1024 / 768 / 375 四档断点;导航在移动端折叠为汉堡菜单;轮播与卡片网格在窄屏降为单列;图片按 DPR 提供 2x 资源并懒加载;表格类参数区在窄屏改为横向滚动或折叠卡片;触控目标不小于 44×44px,表单输入启用对应键盘类型。
同类的其他独立站网站案例
更多独立站网站案例 →
珠宝、眼镜及钟表
EssilorLuxottica
EssilorLuxottica(essilorluxottica.com)全球最大眼镜与镜片制造 B2B 集团。首屏主标题为「Empowering Humans」。EssilorLuxottica: welcome to EssilorLuxottica's official website. Discover our products, services, and commitment to vision care.
查看详情 →
珠宝、眼镜及钟表
Safilo Group
Safilo Group(safilogroup.com)意大利眼镜设计制造及 B2B 分销商。首屏主标题为「SAFILO」。Safilo è un player globale dell’occhialeria che crea, produce e distribuisce da oltre 90 anni occhiali da sole, montature da vista, caschi, maschere
查看详情 →
珠宝、眼镜及钟表
Stuller
Stuller(stuller.com)北美大型珠宝加工零部件与珠宝首饰 B2B 批发。首屏主标题为「Wholesale Jewelry Supplies, Mountings, Findings, and Tools for Professional Jewe」。Stuller, Inc. is the #1 supplier of fine jewelry, findings, mountings, tools, packaging, diamonds and gemstones for today's retail jeweler.
查看详情 →