01 / 首页
感受品牌与产品方向
首页以品牌影像建立风格，分类、重点商品与内容专题依次展开。大画面承担表达，商品区承担查找，两种阅读节奏交替出现。
这一项目侧重页面复刻与实现。首页将品牌摄影、分类入口、重点产品和内容专题交替安排，深色区域承接视觉表达，浅色商品区域便于比较。实现时保持这些区域的比例与阅读顺序，使大画面和商城信息各自承担职责，而不把整站压成连续商品卡片。
02 / 商品列表
比较可选商品
商品分类页回到浅色网格，图片和名称直接服务于比较。页面保留统一导航，使顾客能在品牌内容与商品列表之间切换。
分类页用大标题确定当前范围，筛选与排序紧接商品网格。浅色背景让产品轮廓更容易比较，商品图、名称与操作按统一顺序排列。进入列表后，阅读重点从品牌氛围转向具体选择；底部再接回品牌与订阅内容，页面之间仍保持联系。
03 / 商品详情
深入了解单品
详情页从产品图与选择区域开始，再补充功能和使用相关说明。内容围绕同一产品展开，避免把所有信息堆在购买区域。
详情页先提供产品图、名称、选择项和购买区域，再用功能图解、使用步骤、特点与参数分段展开。即时选择和深入阅读在页面中分层安排：已了解产品的人能直接找到操作，需要更多信息的人则继续向下读。这种长详情结构是复刻实现中的重点。
04 / 品牌内容
继续阅读品牌内容
品牌页面延续摄影与色彩语言，用不同章节承接品牌介绍。商城与品牌内容保持关联，又各自承担不同阅读任务。
品牌内容页将人物、产品与短文穿插呈现，画面尺寸和左右关系随段落变化，避免连续长文失去停顿。它独立承接品牌表达，不重复商品列表的比较任务。商城与品牌页共用导航和视觉语言，访客可以从具体产品继续了解品牌，也能从品牌内容返回商品。
移动端
手机端：保留品牌与商城的阅读层次
手机端保留品牌画面、商品与专题的先后顺序，双栏区域改为纵向阅读。图片以窄屏可辨识的尺度展示，标题与相关内容相邻。适配围绕原有视觉层级展开，让复刻页面在手机上仍有内容节奏，而不是把桌面整页等比例缩小。
