用途:为女性时装精品店主题提供完整重塑样式指南,按阶段逐步应用,形成高端时尚杂志与可及精品店兼具的现代编辑美学。品牌语调为现代、精致、自信、女性化、编辑感。
主要能力:分五个阶段应用。阶段1基础,涉及 globals.css、fonts.ts、tailwind.config.ts,定义 blush、champagne-gold、soft-ivory、pearl、midnight、whisper-pink、wine、stone 等 HSL 颜色变量,字体为 Cormorant Garamond(标题)与 Inter(正文按钮),圆角 2px,并提供 text-gradient-fashion、shimmer-fashion 等工具类。阶段2布局与导航,覆盖 StickyNavbar、Navbar、Footer、Dashboard 布局等,规定背景、文字、边框与悬停样式。阶段3首页与商品,覆盖 Hero、分类区、商品卡、轮播、详情、愿望清单、面包屑、排序分页等。阶段4购物车、结算与认证,覆盖购物车项、结算步骤、Stripe/Paytrail 支付页、登录注册与密码表单。阶段5仪表盘与静态页面,覆盖我的页面、订单、愿望清单、资料,以及关于、联系、隐私政策、条款、画廊。
使用方式:按顺序应用各阶段,使用指令如“Apply fashion-styling phase 1”至 phase 5,必要时在阶段间清理上下文。
适用场景:采用 Next.js 与 Tailwind 的时装电商主题项目,需要统一视觉规范与组件样式。
限制:资料未提供具体安装命令、依赖版本、收费或效果数据;使用前需确认项目结构与文件路径匹配。