L'Oréal Corporate / OEM
L'Oréal Corporate / OEM（loreal.com）欧莱雅集团供应链与品牌合作。首屏主标题为「Half-year results 2026」。Offering all women and men worldwide the best of cosmetics, haircare and perfume in terms of quality, efficacy and safety. Discover our brands and values.To be
将此技能文档导入 WorkBuddy、Codex、豆包、DeepSeek 等 AI，即可分析该网站并输出深度分析报告。
设计相关内容
布局
顶部固定导航栏，含 3 项主导航（Journalists、Suppliers、Investors & Shareholders）；首屏采用全宽轮播 Banner（大图 + 文案 + CTA 三件套）；主体为纵向堆叠的 2 个内容区块，其中约 15 个卡片/网格单元用于产品或解决方案陈列；整页图片密度高（60 张），偏视觉驱动型版式；页内嵌 1 个表单（询盘/登录/订阅）；页脚为多列链接矩阵 + 社交图标 + 法律条款区。
色彩体系
页面底色 #e5e5e5；品牌主色 #B66684（用于导航、按钮、图标与重点强调）；行动按钮采用 #f5f5f5 实底 + #FFFFFF 文字；正文文字色 #3d3d3d；中性色阶 #0C060D、#FFFFFF、#090109；浅色底（白/浅灰）+ 单一强调色。
字体排版
正文 HelveticaNowDisplay，标题 Halesworth；标题层级 h1 单条主标题 + 1 个 h2 分区标题；英文为主，字重对比（Regular/Bold）构建层级，行高宽松
设计风格
极简主义：大量留白、细字重标题、去装饰化，靠图片与网格本身构成节奏。
页面结构
① 顶部导航/工具条 ② 首屏 Hero轮播 ③ 核心业务入口：Journalists、Suppliers、Investors & Shareholders ④ 内容分区：Discover Our beautiful stories ⑤ 案例或客户背书区 ⑥ 转化区（询盘表单 / 注册 / 联系） ⑦ 多列页脚
目标受众
美妆品牌方、沙龙与 SPA 渠道、化妆品 OEM/ODM 客户
UI 组件
主导航栏、搜索框、CTA 按钮、卡片/网格、轮播 Banner、表单（登录/询盘/订阅）、面包屑、产品/方案分类筛选、页脚多列导航、社交图标
响应式要求
需支持 1440 / 1024 / 768 / 375 四档断点；导航在移动端折叠为汉堡菜单；轮播与卡片网格在窄屏降为单列；图片按 DPR 提供 2x 资源并懒加载；表格类参数区在窄屏改为横向滚动或折叠卡片；触控目标不小于 44×44px，表单输入启用对应键盘类型。
同类的其他独立站网站案例
更多独立站网站案例 →
美容个护
Estée Lauder Suppliers
Estée Lauder Suppliers（elcompanies.com）雅诗兰黛集团供应商与采购门户。The Estée Lauder Companies Inc. is one of the world’s leading manufacturers and marketers of quality skin care, makeup, fragrance and hair care products .
查看详情 →
美容个护
Coty Corporate
Coty Corporate（coty.com）美妆与香水制造集团 B2B 合作。首屏主标题为「WE ARE COTY」。We are one of the world's largest beauty companies with an iconic portfolio of brands across fragrance, color cosmetics, skin and body care.
查看详情 →
美容个护
SalonCentric
SalonCentric（saloncentric.com）欧莱雅旗下专业美妆沙龙 B2B 分销网。首屏主标题为「www.saloncentric.com」。
查看详情 →