Magic HomeDesign System V2 · artifact Version 47 · 本地快照（只读；正式版以 artifact 为准）

Magic Home 做会跟着家一起变的沙发：模块化组合沙发先买需要的几件，以后加、减、重排，搬家拆开带走；电动躺椅沙发按座位选怎么躺、要不要加热和充电。这本品牌手册给设计、文案、开发和 AI 用：照着做出来的页面、广告和文案，直接就是 Magic Home，而且说的每一句都能兑现。

这套 Design System 就是升级后的 magichome.com：网站照 Pages 组的 14 张样张（13 类页面，首页分平时版和 Black Friday 版）和 06 章更新。样张可以直接点：首页 → 集合页 → 商品页 → 加入购物车 → 购物车；首页、集合页、商品页、定制、活动页、购物车用的是 magichome.com 现网的商品、价格、图片和评价（2026-10-21）。英文版在 en/。

Magic Home 一页纸

项 内容
承诺 Smart Comfort for Flexible Living（中文说明语：智享舒适，随心而居）
为谁 家在变化的人：第一次买大件、常搬家、家里人数在变、想窝在沙发里的人
凭什么不同 一件一件拼，随时重排，拆开就能搬；舒适功能按座位选
卖什么 能单买加件、能重组的模块化系列；带电动躺、零重力、加热或充电的沙发
三根柱子 Built to change 随你变 · Comfort you choose 舒适按需选 · Fits your life 放得下，住得开
个性 Crisp · Hands-on · Relaxed · Credible
行动语 Build yours
长相 白底、商品照片为主、细线分区；深棕只做按钮和巧克力格，一点红；暖米、沙色、陶土只做小面积点缀；近黑只写字；零圆角；红色 2×3 网格 + 深棕巧克力格
声音 一句一件事，多用 add、swap、rearrange；只说这件商品真有的

十条底线

  1. 价值主张一字不改：Smart Comfort for Flexible Living（MGH-CORE-01）。
  2. 先讲模块化，再讲舒适功能（MGH-CORE-02）。
  3. 功能只写这件商品真有的；集合页加 on select models（MGH-CORE-03、PX-01）。
  4. 政策只用“政策说法”里的句子，并链接条款页（MGH-CORE-06）。
  5. 促销不当主角；划线价要有参考价依据（MGH-CORE-08、PX-02）。
  6. 白做底，辅助色（暖米、沙、陶土、深棕）不做大面积背景和色块；深棕做按钮，近黑只写字，红色只做模块和状态标记，不超过 10%（MGH-VIS-02、-04、-14）。
  7. 零圆角、8px 缝、不用投影；装饰只用超级符号和巧克力格（MGH-VIS-06、-07）。
  8. 字不压在照片上，放进旁边的实色方格（MGH-LAY-04）。
  9. 只用定稿的 12 个文字样式，中文用对应的 zh-*；句子式大小写（MGH-VIS-05、EN-03）。
  10. 每屏一个主按钮；文字和图形对比度达到 WCAG 2.2 AA（MGH-VIS-13、-14）。

谁看哪里

你要做 先看 再用
写英文文案 01 品牌平台、02 英文文案 文案库、公式、规则清单
写中文页面 03 中文 术语表、中文文案库
做网站页面 06 网站与购物体验 Pages 组的 14 张整页样张（Page01Home、Page01HomeBlackFriday … Page13Utility），首页到购物车可以点通
做广告、邮件、社媒 04 视觉识别、05 影像与版式 BrandFaceTouchpoints、TileLayouts、ChocolateGrid、ImageryDirection 卡
拍照、拍视频 05 影像与版式 五种画面、短视频规则
做配置器 07 配置器 ConfiguratorB 卡
上架 Amazon、Walmart 等电商平台 08 电商平台 一套标题、图片顺序、五条卖点、品牌内容模块
做包装和随箱物料 09 包装与随箱物料 箱标、随箱卡片、拼装说明写法
回复顾客、布置展厅 10 客服与展厅 回复模板、陈列和价签
发布前检查 11 验收清单 TouchpointChecklist 卡
开发 下面“开发使用”、04 视觉识别 tokens.json、ColorPairs 卡
让 AI 起草 品牌语气 Skill magic-home-brand-voice（由本手册生成，放在 Magic Home 文件夹的 brand-voice-skill\） 01、02（或 03）、BrandCore 卡；AI 起草，人终审

章节

章节 内容
01 品牌平台 承诺、为谁、定位、个性、信息屋、品牌故事、品牌范围、固定说法
02 英文文案 Voice、各触点写法、公式、文案库、不写什么、格式
03 中文 页面范围、语气、中文文案库、排版、术语表
04 视觉识别 Logo、颜色、用色配对、巧克力格、文字、按钮与状态
05 影像与版式 五种画面、方格版式、投放尺寸
06 网站与购物体验 网站地图、各页板块、对顾客有利的做法、商品页五件事、价格、政策说法
07 配置器 范围、流程、平面图、状态、中英文案
08 电商平台 Amazon、Walmart 通用的一套规范：标题、图片、卖点、属性、品牌内容、问答
09 包装与随箱物料 箱子、箱标、随箱卡片、拼装说明
10 客服与展厅 联系方式、回复模板、展厅陈列、价签和话术
11 验收清单 十个触点的发布前检查

开发使用

  • 加载 tokens.css（由页面从 tokens.json 生成）和 fonts/ 里的两个字体文件；颜色、间距用 CSS 变量（var(--surface-page)），文字直接用样式类（class="t-16-regular"，中文 class="zh-16-regular"）。
  • 主题只有一个（data-theme="ink"，默认）。
  • Logo 用 assets/Logos/ 里的 SVG；PNG 只在不支持 SVG 的地方用。
  • 组件在 components/：React 18 组件包 bundle.js（window.MagicHome）和样式 bundle.css，按 tokens.css → bundle.css → React 18 → bundle.js 的顺序加载；每个组件的用法和对应的品牌规则在它的 README。包里另有 MagicHome.token、MagicHome.contrast 两个小工具，给说明卡读 token 和算对比度。
  • 页面样张之间用相对链接互通；点击下单路径的检查脚本是 test/flows.py，键盘焦点、手机宽度和 axe 检查是 test/pages_audit.py。

01 品牌平台

Magic Home 是谁、为谁、凭什么不同、对外说什么。写任何对外内容之前先看这一章。

Magic Home 一句话

Magic Home 做会跟着家一起变的沙发：模块化组合沙发先买需要的几件，以后加、减、重排，搬家拆开带走；电动躺椅沙发按座位选怎么躺、要不要加热和充电。

品牌承诺

Smart Comfort for Flexible Living

说法 对顾客意味着 我们怎么兑现
Flexible Living 家会变：搬家、来客人、添人口、换房间。沙发不用跟着换掉。 独立件可以加、减、重排，拆开就能搬
Smart Comfort 坐下那一刻更舒服，而且是具体的：暖、能充电、能躺平 座椅加热、无线充电和 USB-C、电动躺和零重力（按商品）

我们为谁设计

为家在变化的人。按他们正在经历的事来写，而不是按年龄和收入：

他们 正在发生的事 他们担心 我们先说
第一次买大件的人 第一套房或第一个像样的公寓，房间还没配齐 买错了换不了 先买需要的几件，以后再加
租房、常搬家的人 一两年换一次地方，楼梯和门宽都不一样 搬不走、进不了门 拆开就能搬；下单前看清尺寸和箱子
家里人数在变的人 来客人、添孩子、父母来住 座位不够，或平时太占地方 需要时加一座，平时收回去
想窝在沙发里的人 电影夜、追剧、下班后躺平 躺不舒服、手机没电、冬天冷 每个座位选怎么躺，要不要加热和充电

定位

For people whose homes keep changing, Magic Home makes sofas that change with them: build from separate pieces, rearrange anytime, and choose the comfort you want, seat by seat.

整套固定的沙发买了就定型；Magic Home 可以从三件开始，长到七件，再拆开带去下一个家。

品牌个性

我们是 意思 我们不是
Crisp 利落 一句一件事，一个画面一个变化 啰嗦、堆形容词
Hands-on 动手 鼓励顾客自己拼、自己改，教他怎么做 高高在上的设计师口吻
Relaxed 轻松 像朋友帮你摆沙发，可以开个小玩笑 推销、催促、全是感叹号
Credible 可靠 只说真有的，给尺寸和数字 夸大、未来功能、科技腔

信息屋

最上面是承诺，下面三根柱子，顺序固定：品牌级内容先讲第 1 根；电动躺椅系列和功能区讲第 2 根；离下单越近，越多讲第 3 根。

1 Built to change · 随你变 2 Comfort you choose · 舒适按需选 3 Fits your life · 放得下，住得开
讲什么 先买需要的，以后加、减、重排，搬家拆开带走 每个座位选怎么躺、要不要加热和充电 形状和尺寸覆盖大房小房；面料套可拆洗（部分款式）；下单前看清尺寸和箱数
证据 接缝、同一沙发的不同拼法、可选形状 按键、充电位、躺平的角度 尺寸线、最大箱尺寸、门宽提醒、拉链
常用句 Start with the pieces you need. · Add a seat. Take it away. · Same sofa. Three layouts. Turn on the heat and settle in. · Charge your phone right on the console. · Recline all the way back. See the full size before you buy. · Covers come off for cleaning. · Pick the shape that fits the room.
只在这时写 模块化商品 该商品有这项功能；集合页加 on select models 有尺寸、箱数数据；可拆洗只写可拆洗款

行动语：Build yours（进入配置器、选组合）。

品牌故事

用在 About 页、品牌视频旁白、随箱卡片。英文原文对外，中文版用于中文页面。

Homes change. Most sofas don't.

So we made one that does. Start with the pieces you need. Add a seat when friends stay over, move the chaise to the other side, take it apart when you move and build it again in the next place.

And when you sit down, choose the comfort you want: a heated seat for cold nights, a charger right where your hand lands, a recline that goes all the way back.

Smart Comfort for Flexible Living.

家会变，大多数沙发不会。

所以我们做了会变的沙发。先买需要的几件；朋友来住就加一个座位，贵妃位换到另一边，搬家时拆开，到新家再拼起来。

坐下的时候，舒适由你选：冷天的座椅加热，手边就能充电，一键躺平。

Smart Comfort for Flexible Living

品牌范围

挂 Magic Home 不挂 Magic Home
模块化 能单独买到兼容件、能增减重组的模块化系列 不能加件的固定组合
舒适功能 带电动躺、零重力、座椅加热或充电的沙发 没有这些功能的沙发
典型商品 模块化组合沙发（Modular Sectionals，含模块化地沙发）、电动躺椅沙发（Reclining Sectionals）；特殊尺寸和面料走 Customization —

新品先问两件事：能单买加件、能重组吗？带电动或智能舒适功能吗？有一个“是”，挂 Magic Home；都“不是”，不用 Magic Home 名义（MGH-CORE-11）。官网、Amazon、Walmart 上的品牌名一律写 Magic Home。

名称与固定说法

项 写法 用在哪
品牌名 Magic Home 全部
价值主张 Smart Comfort for Flexible Living 首屏、页脚、社媒简介、广告终帧
行动语 Build yours 配置器入口、选组合入口
品类说明 Smart modular comfort furniture PDP 副标题、包装、Meta description
集合名 Modular Sectionals · Reclining Sectionals 导航、集合页
商品名 系列 + 品类 + 件数：Cero Modular Sectional, 6-Piece 商品卡、PDP、购物车（MGH-PX-03）
政策短句 Free standard shipping · 30-day returns · 2-year limited warranty 信任条、广告、邮件（06 章“政策说法”）
联系方式 Call or WhatsApp +1 (702) 237-6328 · info@magichome.com 页脚、联系页、随箱卡片（MGH-SVC-01）

规则清单

编号 规则 ✓ ✗
MGH-CORE-01 价值主张一字不改：对外固定写 Smart Comfort for Flexible Living：词序、大小写不变，不改写、不拆开、不翻译。用在首页首屏、页脚品牌区、社媒简介第一句、广告终帧。做标题时不加句号。 Smart Comfort for Flexible Living Smart, flexible comfort for modern living
MGH-CORE-02 先讲模块化：品牌级信息（首屏、集合页导语、广告第一句、邮件主题）先讲模块化给顾客带来什么：先买需要的、以后再加、可以重排、搬家能拆开带走；再讲舒适功能。功能清单不当开头。 Start with the pieces you need. Add more when life changes. Heated seats, wireless charging, USB-C and more!
MGH-CORE-03 Smart 只写商品真有的功能：Smart 指具体的舒适功能：座椅加热、无线充电、USB-C、电动躺、零重力，以该商品的数据为准。不写 App 控制、语音、场景联动、音响、AI。集合页加 “on select models”。 This chaise has a heated seat and a charging console. Every Magic Home sofa is smart. AI comfort that learns you.
MGH-CORE-04 Modular 只用在真能拆开重组的商品上：由独立件组成、能增减和重排的商品才叫 modular。固定组合的电动躺椅沙发叫 reclining sectional。“以后能加件”只在能单独买到兼容件时写。 Built from separate pieces you can rearrange. Every sectional we make is modular.
MGH-CORE-05 家的温度，沙发会变：画面和语气要有家的温度：真实的家、暖光、木头和织物、有人在用。标题仍然讲沙发能怎么变、坐下来有多舒服；家里的事是变化发生的地方：来客人加一座、换房子改布局、冬夜开座椅加热。 暖光客厅，朋友来过夜，正把一块单座推进 L 形沙发 + “Guests this weekend? Add a seat.” 冷灰棚拍、只有商品；或标题只讲温情，看不出沙发能怎么变
MGH-CORE-06 政策照手册写：运费、取消、退货、价格保护、定制、质保、面料小样只用 06 章“政策说法”的句子；条款页、FAQ、商品页、邮件、客服都照它写，并链接对应条款页。改政策先改手册，再改条款页和物料。不写手册没有的：免费退货、试住、终身保修、免费送装、以旧换新、免息分期。 Free standard shipping · 30-day returns · 2-year limited warranty（各自链接条款页） Free 30-day returns · 90-night trial · Lifetime frame warranty；条款页和 FAQ 各写一个版本
MGH-CORE-07 品牌名写法：正文写 Magic Home：两个词、首字母大写。不写 MagicHome、MH、Magic Home Furniture；全大写只出现在 Logo 里。 Magic Home MAGIC HOME（正文里）· MagicHome · MH
MGH-CORE-08 促销做辅助：首屏先讲模块化和价值主张；促销放公告栏或第二屏，不做首屏主标题、不当品牌定位。划线价按 MGH-PX-02。 首屏：Start with the pieces you need.；公告栏：Black Friday Early Access · Save up to $1,000 on qualifying orders UP TO $950 OFF（做首屏主标题）
MGH-CORE-09 每个卖点配一个看得见的证据：模块化配接缝或重组的画面，舒适功能配按键或使用时刻，尺寸配数字。找不到证据的卖点不写。 同一张沙发三种拼法的连拍 + “Same sofa. Three layouts.” “Endlessly versatile” 配一张固定角度的商品图
MGH-CORE-10 固定说法只有这几句：价值主张 + 行动语 Build yours（只用于进入配置器或选组合）；购买按钮写 Add to cart；品类说明 Smart modular comfort furniture 用在 PDP 副标题、包装、Meta description。其他口号不对外。 Build yours（配置器入口）· Add to cart（购买） Build yours（结账按钮）· One system. Many ways to live.
MGH-CORE-11 哪些商品挂 Magic Home：按功能判断：能单独买到兼容件、能增减重组的模块化系列，以及带电动躺、零重力、座椅加热或充电的沙发，挂 Magic Home。两条都不满足的沙发不用 Magic Home 名义。新品上线前先按这两条判断，官网和各平台同一款同一个品牌名。 一套能单买加件的 L 形模块化沙发挂 Magic Home；Walmart 上同一套也写 Magic Home 不能加件、也没有电动功能的固定组合写成 Magic Home 模块化；平台品牌字段写 The Magic Home

02 英文文案

写英文对外内容时用：先套公式，再从文案库挑，最后按规则清单自查。

Voice

特质 这样写 不这样写 例句
Crisp 一句一件事，15 个词以内，可以用短句片段 长句、堆形容词 Start small. Add pieces later.
Hands-on 动手的动词：add, swap, rearrange, take apart, build 抽象名词：solution, experience, ecosystem Move the chaise to the other side.
Relaxed 讲坐下那一刻的好处，口语，可以轻松 打鸡血、催促、全是感叹号 Movie night just got a second recliner.
Credible 只说这件商品真有的，给尺寸和数字 未来功能、无法核验的最高级 Heated seat on select models.

各触点怎么写

触点 怎么写 例句
首页、集合页 先模块化，再舒适；一屏一句 Start with the pieces you need.
商品页 先说是什么、几件，再说能怎么变，再说功能 Cero is built from 6 separate pieces. Rearrange them as the room changes.
配置器 短指令 + 现在的状态 + 下一步 Choose a layout. You can change it later.
广告 第一句是一个生活变化，第二句是证据，最后 Build yours Guests this weekend? Add a seat.
邮件 主题一个问题或一个具体好处；正文一屏一件事 Room for one more seat?
交易与物流 先事实：箱数、日期、金额 Your order ships in 6 boxes.
客服与售后 先解决，再解释，给时间 We're sending a replacement seat. It ships Oct 28.
社媒 一图一句，可以俏皮 Friday: five seats. Sunday: back to three.
法律与合规 准确、完整，不加修饰 Message and data rates may apply. Reply STOP to opt out.

公式

内容 公式 例句
首屏标题 动词开头 + 模块化好处，8 个词以内 Start with the pieces you need.
首屏副标题 两三个具体动作 Add a seat, move the chaise, take it apart when you move.
功能句 时刻 + 结果 Set your phone on the console. It charges while you watch.
商品名 系列 + 品类 + 件数 Cero Modular Sectional, 6-Piece
广告主文案 生活变化 + 证据 + Build yours Moving this year? Your sofa comes apart. Take it to the next place piece by piece. Build yours.
邮件主题 一个问题或一个具体好处，45 个字符以内，不全大写、不用感叹号 Same sofa. Three layouts.
按钮 动词 + 对象 Build yours · Add to cart · See the sizes · Shop Modular Sectionals

文案库

首页首屏（标题 / 副标题 / 按钮）

标题 副标题 按钮
Start with the pieces you need. Add a seat, move the chaise, take it apart when you move. Build yours
A sofa that changes when your home does. Modular sectionals built from separate pieces. Reclining sectionals you set up seat by seat. Shop Modular Sectionals
Add a seat. Take it away. Start over. Separate pieces that connect into one sofa. Build yours

集合页导语

集合 导语
Modular Sectionals Build a sectional from separate pieces. Start with three, grow to seven and rearrange whenever the room changes.
Reclining Sectionals Pick how each seat reclines. Power recline, zero gravity, heated seats and charging on select models.
Washable（只用于可拆洗款） Covers come off for cleaning. Spills happen.

商品页短描述（方括号里取商品数据）

类型 模板
模块化 [Series] is built from [N] separate pieces: [seats], [corners] and [a chaise]. Rearrange them as the room changes.
模块化（单件可单买时加） Add a seat or an ottoman later.
电动躺椅 [Series] has [N] seats. [Seats 1 and 4] power recline; [seat 2] has a heated seat.

功能句（只用于有这项功能的商品）

功能 句子
座椅加热 Turn on the heat and settle in.
无线充电 Set your phone on the console. It charges while you watch.
USB-C A USB-C port right where your hand lands.
电动躺 Press and hold to recline. Stop anywhere you like.
零重力 Lean back and lift your feet into zero gravity.
靠墙式 Reclines with just [X]″ behind it.
可拆洗面料套 Covers come off for cleaning.
拼接 Pieces connect side by side and come apart for moving.

广告钩子

柱子 第一句
随你变 Moving this year? Your sofa comes apart.
随你变 Guests this weekend? Add a seat.
随你变 Same sofa. Three layouts.
随你变 Your first apartment won't be your last. Neither will your sofa's layout.
舒适按需选 Movie night, all the way back.
放得下 Measure the room. Build the shape that fits.

邮件主题：Room for one more seat? · Same sofa. Three layouts. · How to measure for a sectional · Pick how every seat reclines · See the full size before you buy · Moving? Your sofa comes apart

社媒：Friday: five seats. Sunday: back to three. · Same sofa, new apartment. · Chaise on the left today. · Built from the pieces you need.

促销（只放公告栏或第二屏）：Black Friday Early Access · Save up to $1,000 on qualifying orders, applied at checkout. · Save $60 on $1,500+, up to $1,000 on $6,000+.

物流与服务：Ships in 5 boxes. They may arrive on different days. · Measure your doorway before you order.

生命周期邮件

在 Klaviyo 里按下表建流程。每封只说一件事；头图按 05 章方格版式，标题和按钮写在正文里；政策只用 06 章“政策说法”。

流程 触发和排除 第几封 · 什么时候 主题 / 预览文字 这封说什么 按钮
欢迎 订阅表单；已下单的人跳过 1 · 立即 Start with the pieces you need / Plus: which room are you planning? 兑现订阅承诺（布置灵感，大约两周一封）；问正在布置哪个房间，四个按钮，答案写进顾客档案；不放优惠；第二个按钮是免费设计咨询 Build yours
2 · 2 天后 How to measure for a sectional / Four numbers to check before you pick a layout. 量房间、门、走廊和楼梯，拿最大箱子去比 Read the guide
3 · 4 天后 Same sofa. Three layouts. / What six pieces can turn into. 三种拼法的巧克力格；能单买的系列可以以后加件 See the layouts
4 · 7 天后 What happens after you order / Boxes, delivery days, returns and warranty. 免运费、2 个工作日内处理、一般 7–15 个工作日送达、分箱到达、30 天退货、2 年有限质保 Shipping and returns
5 · 10 天后 Want to sit on it first? / Five showrooms, plus video calls on weekdays. 展厅预约和视频咨询 Book a visit
浏览弃置 看过商品页，没加购、没下单；30 天内只进一次 1 · 2 小时后 Still thinking about [Product]? / Here's the size and the boxes. 商品块：整体尺寸、最大箱子、箱数；加两款同形状的 View [Product]
2 · 2 天后 Other layouts like [Product] / Same shape, different sizes. 同形状、不同座位数的组合 Compare layouts
加购弃置 加购，没结账；7 天内不重复进入 1 · 2 小时后 Will it fit? Check before you order. / Your cart's largest box is [size]. 购物车块 + 门宽自查 Back to cart
2 · 1 天后 When it would arrive / Free shipping, usually 7–15 business days. 送达时间、分箱到达、30 天退货 Back to cart
3 · 3 天后 Questions about your sectional? / Call, WhatsApp or book a video call. 一组联系方式 + 免费视频咨询；购物车满 $1,000 时同时提醒客服人工跟进 Talk to us
结账弃置 开始结账并留了邮箱，没下单 1 · 1 小时后 Your [Product] is saved / [Layout] in [Cover], ships in [N] boxes. 回显形状、面料、箱数和预计送达 Finish checkout
2 · 1 天后 Free shipping and 30-day returns / The details before you finish. 政策说法；分期说明等分期资料补齐再加 Finish checkout
3 · 2 天后 Need a hand with your order? / We usually reply within 24–48 hours on business days. 一组联系方式 Contact us
订单与发货（交易邮件） 下单 1 · 立即 Order confirmed: here's what happens next / Your order ships in [N] boxes. 时间线：2 个工作日内处理 → 分箱发货 → 一般 7–15 个工作日送达（定制和预售 28–70 个工作日）；收货准备：量好通道、空出位置、拼好之前留着包装 View your order
每一箱发出 每箱一封 Box [n] of [N] is on its way / Tracking for this box is inside. 这一箱的单号；其余几箱可能另外到 Track this box
定制和预售单 按进度 Your custom [Product]: [milestone] / Next step: [step]. 当前进度和下一步；要延误时在原日期之前发，给新日期 View your order
送达与拼装 最后一箱送达 1 · 当天 Your boxes are here. Start with Box 1. / Assembly guide and video inside. 拼装指南和视频；有损坏 7 天内带照片告诉我们 Watch the assembly video
2 · 3 天后 How's the setup going? / A quick care routine for covers and cushions. 保养要点；有问题怎么找我们 Care guide
评价请求 最后一箱送达后；有未结工单时暂停 1 · 21 天后 How's your sofa after three weeks? / Tell other shoppers what you built. 请写评价和买的形状，可选上传房间照片（带授权说明） Write a review
2 · 28 天后 One minute for a review? / Your layout helps the next person choose. 提醒一次 Write a review
加件（只发能单买的系列） 送达后；排除已经加过件的人 1 · 45 天后 Room for one more seat? / Pieces that connect to your [Series]. 能单买的件，配拼上之后的巧克力格 Add a piece
2 · 90 天后 Try another layout / Same pieces, a new shape. 用现有的件换一种拼法 See layout ideas
日落 订阅者 120 天没点击过 1 封 Still want layout ideas? / Stay on the list or unsubscribe. 问还要不要收；不点就移出广播名单 Keep me on the list
  • 折扣：所有自动流程都不放折扣码，欢迎邮件也不给优惠；上线三个月后用保留组数据复看。促销只在活动期间的广播邮件里写，按“活动条款模板”。
  • 一个人同时只在一条弃置流里；每条流留 10% 的人不发（保留组），用来算流程真正带来的订单。
  • 有未结客服工单、运输损坏处理中，暂停营销邮件、评价请求和加件。
  • 短信要单独同意并双确认；每次弃购最多一条，48 小时内发；守收件人所在州的静默时段。
  • 每封的正文、动态块和备用文字在 Magic Home 内容素材文件夹的 邮件/。

不写什么

不写 换成
AI-powered, intelligent, learns you, smart sofa ecosystem, tech furniture 写具体功能：heated seat, wireless charging, power recline
revolutionary, game-changing, world's first, the best 写具体好处或数字
elevate, seamless, curated, unparalleled, luxurious 写动作和时刻
Every / all our sofas are modular / heated on select models；只写这件商品
90-night trial, lifetime frame warranty, free white-glove, trade-in credit, 0% financing “政策说法”里没有，不写（MGH-CORE-06）
Free returns, 30-day free returns, free shipping and returns Free standard shipping · 30-day returns（退货运费由顾客付，见 06 章“政策说法”）
Togo sofa, cloud couch 这类别家产品名 写品类和特点：modular floor sofa, deep seat sectional
eco-friendly, non-toxic, sustainable, Made in USA 有证据才写，按证据原话
UP TO $950 OFF 当标题；Was $X（没有参考价依据） 公告栏写活动名和截止日（MGH-CORE-08、PX-02）
Oops!, Hurry!, Don't miss out!!! 说清楚发生了什么、下一步
Furniture Systems（导航） Modular Sectionals

格式速查

项 写法
价格 $1,660（商品页）；$1,660.00（购物车、结算）
日期 Oct 25；Oct 25, 2026
尺寸 112″ W × 64″ D × 34″ H；件数写 6 pieces；商品名里写 6-Piece
范围 3–7 days（短横）
大小写 句子式；价值主张、系列名、商品名例外
品牌名 Magic Home

规则清单

编号 规则 ✓ ✗
MGH-EN-01 美式英语，AP 风格：美式拼写；不用 serial comma；一到九拼写，10 以上用数字；价格、尺寸、日期一律用数字。 Seats, chaises and corners Seats, chaises, and corners · colour
MGH-EN-02 Voice：Crisp · Hands-on · Relaxed · Credible：一句一件事；多用 add、swap、rearrange、take apart、build；讲坐下来那一刻的好处；只说商品真有的。细则见 Voice 表。 Start small. Add pieces later. Experience unparalleled comfort that elevates your lifestyle.
MGH-EN-03 句子式大小写：标题、按钮、标签、导航都用句子式。价值主张、系列名、商品名例外。源文案不打全大写，样式也不做 uppercase。 Start with the pieces you need Start With The Pieces You Need · START SMALL
MGH-EN-04 格式：价格 $1,660（商品页整数）、$1,660.00（购物车与结算）；日期 Oct 25 / Oct 25, 2026；尺寸 112″ W × 64″ D × 34″ H；范围用短横 3–7 days。 Ships in 3–7 days · $1,660 Ships in 3-7 Days · USD 1660.00
MGH-EN-05 品牌层说 pieces，导航和商品说顾客搜的词：品牌级文案用 pieces、seats、layout；导航、集合名、商品标题、Meta 用顾客搜索的词：modular sectional、reclining sectional、sofa。 导航 “Modular Sectionals”；首屏 “Start with the pieces you need.” 导航 “Furniture Systems”
MGH-EN-06 功能句先写时刻：功能写成“什么时刻 + 得到什么”，参数放在后面或规格表里。 Set your phone on the console. It charges while you watch. Equipped with an integrated Qi wireless charging module.
MGH-EN-07 禁用词：不写科技腔、无法核验的最高级、手册“政策说法”里没有的政策承诺、环保与产地主张、以折扣做定位。完整清单见“不写什么”。 Heated seat on select models Revolutionary AI-powered smart sofa ecosystem
MGH-EN-08 报错和空状态：先说发生了什么，再说下一步；不怪顾客，不用 Oops。配置器里说清楚哪一块不能接、怎么改。 A corner can't connect here. Try the other end of the row. Oops! Invalid configuration.
MGH-EN-09 生命周期邮件给答案，不给折扣：按“生命周期邮件”表发：每封只说一件事，先回答顾客卡住的问题（放得下吗、什么时候到、能不能退）。所有自动流程都不放折扣码，欢迎邮件也不给优惠，用免费设计咨询和展厅预约代替；促销只在活动期间按“活动条款模板”写。有未结客服工单或运输损坏的人，暂停营销邮件和评价请求。 Will it fit? Check before you order. + 购物车里的最大箱子尺寸 第一封弃购邮件就是 “15% OFF — today only!”

03 中文

首页、配置器和重点落地页的简体中文版（zh-Hans-US）怎么写、怎么排。

页面范围

页面 语言
首页、配置器、重点落地页（模块化集合、电动躺椅集合、活动页） 中文
商品详情页、购物车、结算、账户 英文；从中文页链接过去时写明“英文页面”
政策页、订单邮件和短信 英文

语气

场景 怎么写 例句
首页与落地页 用“你”，先讲能做成什么，短句 先买需要的几件，生活变了再加。
配置器 一步一句，告诉下一步做什么 选一个形状。之后还能改。
提示与报错 先说情况，再说怎么办 转角位不能躺。可以选第 2 或第 4 个座位。
订单与政策 用“您”，日期金额前置，与英文等义 您的沙发分 5 箱发货，可能不在同一天送到。
社媒（小红书等） 口语，可以有画面感；功能和数字照样核实 周五来朋友？加一个座位，周日再拿掉。

中文文案库

位置 中文
首屏标题 先买需要的几件，生活变了再加。
首屏副标题 Cero 模块化组合沙发：来朋友加一个座位，搬家拆开带走。
品牌签名 Smart Comfort for Flexible Living / 智享舒适，随心而居
模块化集合导语 一件一件拼成一组沙发。从三件开始，可以长到七件，房间变了就重新摆。
电动躺椅集合导语 每个座位怎么躺由你选。电动躺、零重力、座椅加热和充电（部分款式）。
配置器入口 开始搭配
配置器步骤 选一个形状 / 要几个座位？ / 每个座位选功能 / 选面料 / 你的组合
尺寸提醒 整体宽 144 英寸 × 深 72 英寸。下单前量一下门宽。
物流 分 5 箱发货，可能不在同一天送到。
去英文页 购物车和结算是英文页面。
广告钩子 今年要搬家？沙发可以拆开带走。 · 周末来客人？加一个座位。 · 同一张沙发，三种摆法。
社媒 周五五个座位，周日回到三个。

排版与格式速查

项 写法 不写
中英、中数之间 加半角空格：Cero 沙发、3–7 天 Cero沙发、3–7天
日期 10月25日；2026年10月25日 10/25、2026-10-25
时间 上午9:00（美东时间） 9am EST
价格 $2,080 2080 美元、2080 刀
尺寸 宽 144 英寸（366 厘米）；尺寸行可写 144″ 144寸、12 尺
标点 全角：，。：；（）“” 半角逗号句号
范围 3–7（短横） 3~7、3-7
强调 加粗 斜体、全大写、字距
字体 zh-* 样式（同定稿字号字重，行高放宽） 中文多行用 1.088 行高

术语表

English 中文 说明
Modular sectional 模块化组合沙发 导航与集合名；只用在真能拆开重组的商品上
Reclining sectional 电动躺椅沙发 导航与集合名；不叫模块化
Piece 件 3 件、加一件
Seat / -seater 座位 / 人位 配置器里“第 2 个座位”；商品名“6 人位”
Armless seat 无扶手座位
Corner 转角位
Chaise 贵妃位 不用“贵妃椅、长榻”
Ottoman 脚凳
Console 扶手台 带杯架、充电时写清
Power recline 电动躺 只写商品有的
Zero gravity 零重力 只写商品有的
Wall hugger 靠墙式 写清离墙距离
Heated seat 座椅加热 集合页写“部分款式”
Wireless charging 无线充电
USB-C USB-C 不翻译
Cover / Washable cover 面料套 / 可拆洗面料套
Seat depth 坐深
Layout 形状 一字形、带贵妃位、L 形、U 形
Build yours 开始搭配 按钮；页面标题“搭一套你的 Cero”
Add to cart 加入购物车
Review 确认 配置器最后一步
Sale 促销 徽章
Returns / Warranty / Shipping 退换 / 质保 / 配送 政策名；链接英文政策页

规则清单

编号 规则 ✓ ✗
MGH-ZH-01 受众与范围：中文写给住在美国、习惯用简体中文的华语顾客，页面标 lang="zh-Hans-US"。首页、配置器、重点落地页（模块化集合、电动躺椅集合、活动页）有中文版；商品详情页、购物车、结算、账户、政策页和订单邮件保持英文，从中文页链接过去时写明“英文页面”。繁体只在渠道需要时从简体转换，再由人工复核。 首页、配置器、集合落地页有中文版；去结算前提示“英文页面” 全站机翻；简繁混排；没有提示就跳到英文结算页
MGH-ZH-02 品牌名与价值主张：品牌名只写 Magic Home，不起中文名。价值主张保持英文原句，作为品牌签名出现在首屏和页脚，下面可配一行中文说明语“智享舒适，随心而居”。中文首屏标题和英文一样先讲模块化。 Smart Comfort for Flexible Living / 智享舒适，随心而居 魔法之家；把价值主张改译成“聪明舒适，弹性生活”
MGH-ZH-03 称呼与语气：简短、动手、轻松、可信。首页、落地页、配置器用“你”；订单、政策、客服回复用“您”。不用“亲”“宝子”“家人们”，不堆感叹号，不写翻译腔。 先挑需要的几件，之后还能改。 亲~快来定制属于您的梦幻沙发吧！！
MGH-ZH-04 名称与术语：系列名保留英文，品类写中文：Cero 模块化组合沙发；电动躺椅系列写“系列名 + 电动躺椅沙发”。“模块化”只用在真能拆开重组的商品上。同一页面只用术语表里的一个说法。 Cero 模块化组合沙发（6 件） Cero 魔术云朵百变沙发；所有沙发都叫模块化
MGH-ZH-05 中文排版与字体：中文与英文、数字之间加半角空格（日期、时间除外：10月25日、上午9:00）；用全角标点，数字范围用短横 3–7；不用斜体、全大写和字距。字体用 zh-* 样式；不加载中文网页字体。 3–7 天内发货 · Cero 沙发 3-7天内发货,Cero沙发；中文用 1.088 行高排两行以上
MGH-ZH-06 格式：价格写 $2,080，不写“美元”“刀”；日期 10月25日；时间 上午9:00（美东时间）；尺寸写英寸并括注厘米：宽 144 英寸（366 厘米），配置器尺寸行可写 宽 144″ × 深 72″。价格、尺寸、箱数和英文页取同一份商品数据。 宽 144 英寸 × 深 72 英寸 · $2,080 1440 美刀；12 尺长
MGH-ZH-07 价格、政策与评价：价格、促销、政策和英文页同源。政策只用 06 章“政策说法”的中文对应句，并链接英文条款页。中文广告里的必要披露也用中文。顾客评价按原文显示，不翻译。 标准配送免运费 · 收货 30 天内可退（未使用、未拼装）· 2 年有限质保 中文页写“30 天无理由退货、包邮到家”；把英文评价机翻后展示
MGH-ZH-08 中文禁用词：极限词（最、第一、顶级、全网最低）；科技腔和没有的智能（黑科技、全屋智能、App 控制、AI 沙发）；“政策说法”里没有的政策承诺（包邮到家、无理由退货、免费退货、终身质保）；无依据的折扣（原价 $X 现价 $Y、低至 X 折）；网络用语（亲、宝子、yyds）；没有证据的环保和产地主张。 座椅加热（部分款式） 黑科技智能沙发，全网最低，包邮
MGH-ZH-09 按钮与中文服务：按钮动词在前、短：开始搭配、加入购物车、看看尺寸。只承诺能兑现的中文服务：没有中文客服时，联系入口写明客服以英文为主，不放“中文客服”“微信咨询”。 开始搭配 · 加入购物车 — $2,080 点击这里立即抢购；中文客服 24 小时在线

04 视觉识别

Logo、颜色、文字、网格、超级符号、图标和交互状态。数值以 tokens.json 为准。

Logo

底色 用哪个文件
白、中性浅灰 magic-home-logo-primary.svg（近黑词标 + 红色网格）
深棕面 magic-home-logo-reversed.svg（白词标 + 红色网格）
红底 magic-home-logo-on-red.svg（白词标 + 黑色网格）
社交头像 magic-home-social-mark.svg（M + 网格）
Favicon、App 图标、角标 magic-home-supersymbol.svg

SVG 用于网页、印刷和包装，可任意放大；同名 PNG 用于不支持 SVG 的地方（邮件、部分平台后台）。

横版最小宽 120px，超级符号最小 24px；四周净空不小于网格一格的高度。不拉伸、不加投影、不改网格颜色、不放在照片或低对比底上，不用竖版。

颜色

角色 token 值 用在哪
页面底 · 白 surface-page #FFFFFF 和商品照片一起占画面大部分；分区用留白和细线
卡片、输入框、画布 surface-card #FFFFFF
小面积浅底 · 中性浅灰 surface-soft #EFEFEB 悬停、小提示、公告栏；不做整段背景
照片占位 · 中性浅灰 surface-muted #EFEFEB
辅助色 · 暖米、沙、陶土 cream / sand / clay #F6F1EA / #EBE1D5 / #DDCDBB 只做小面积点缀（选中、悬停、小标签）；不做页面底、整段背景或大色块；红色标记不放在陶土上
深色面 · 深棕 surface-inverse #3F1A03 只做小面积重点（配置器汇总条、小标签）；不做页脚和大方格
CTA action-primary #3F1A03 主按钮，白字
巧克力格 chocolate-block / chocolate-face #3F1A03 / 白 10% 模块化图形
红色 selected-mark / badge-accent-bg / price-sale-large #E1441D 模块与状态标记，≤10%
正文 · 近黑 text-body #171616 近黑只做字、Logo 和细线
辅助字 text-secondary #525050 说明、占位符、原价
禁用字 text-disabled #7F7D7D 只做禁用
深棕面上的辅助字 text-on-inverse-secondary #EBE1D5
中性灰 background-2 / -3 / -4 #EFEFEB / #D8D7D7 / #C2C1C1 面料色卡底、技术图、禁用填充：需要不偏色的地方
控件边界 control-border #353534 1px
装饰线 divider #353534 · 20% 1px

报错：近黑文字 + 红色 circle-alert 图标 + 2px 红色边框。没有绿色和黄色；成功和提醒靠图标和文字说清楚。

巧克力格

深棕 #3F1A03 像巧克力，一板巧克力本来就是一格一格的：一块就是沙发的一件，能掰下来，也能放回去。巧克力格是模块化的图形说法，和红色超级符号（Logo 里的 H）分工：超级符号是“我们是谁”，巧克力格是“沙发能怎么变”。

项 做法
一块 深棕实心方块（chocolate-block），直角；中间一块稍浅的凸面（chocolate-face，四边内缩 14%）
一板 块与块之间 8px 缝；排法就是沙发的拼法：一字 3 块、L 形 5 块、U 形 7 块
掰开 一块离开原位三个缝宽（24px），表示加一件或拿走一件；一个画面只掰一块
放在哪 白或中性浅灰底上；不放在深棕面和照片上
配什么字 Add a seat. Take it away. · Same sofa. Three layouts. · 加一块，拿一块，像掰巧克力一样。
用在哪 首页“三种拼法”、空状态、社媒方图、随箱卡片正面、展厅标识、配置器入口
不做 圆角、高光渐变、投影、红色巧克力、把块画成真的巧克力或加 logo 压印

用色配对

文字和底色只这样配。数值由 ColorPairs 卡按当前 token 实时计算。

可以这样配

前景 背景 用途 对比度 用在哪
text-body surface-page 正文 18.06 正文、标题（白底）
text-body surface-card 正文 18.06 卡片、输入框里的字
text-body surface-soft 正文 15.67 浅灰小填充、公告栏里的字
text-body surface-muted 正文 15.67 照片占位上的字
text-body background-4 正文 10.06 Background/4 上的字
text-secondary surface-page 正文 8.01 辅助说明、占位符
text-secondary surface-card 正文 8.01 辅助说明、划线原价
text-secondary surface-soft 正文 6.95 浅灰小填充里的辅助字
text-secondary surface-muted 正文 6.95 照片占位上的说明
text-3 surface-card 24px 以上 4.09 Text/3 只在 24px 以上
red surface-card 24px 以上 4.16 红色大字：24px 以上促销价
red surface-page 24px 以上 4.16 红色大字在页面底上
text-white red 24px 以上 4.16 红底白字只在 24px 以上（如 Logo 红底版的大标题）
text-on-accent surface-accent 正文 5.05 红底上的字、徽章
action-primary-text action-primary 正文 15.44 主按钮（深棕底白字）
action-primary-inverse-text action-primary-inverse 正文 15.44 深棕面上的主按钮（白底深棕字）
action-primary-inverse-text action-primary-inverse-hover 正文 11.95 深棕面上的主按钮悬停（沙色小面积）
action-primary surface-page 图形、边框 15.44 深棕按钮在白底上
action-primary surface-soft 图形、边框 13.39 深棕按钮在浅灰小填充上
action-primary-hover-text action-primary-hover 正文 18.06 主按钮悬停
white action-primary-pressed 正文 21.0 主按钮按下
text-body action-secondary-hover 正文 13.99 次按钮悬停（沙色小面积）
badge-ink-text badge-ink-bg 正文 15.44 深棕徽章
text-on-inverse surface-inverse 正文 15.44 深棕面上的字
text-on-inverse-secondary surface-inverse 正文 11.95 深棕面上的辅助字（沙色）
control-border surface-card 图形、边框 12.28 输入框、复选框、色块边界
control-border surface-page 图形、边框 12.28 页面底上的控件边界
control-border-active surface-card 图形、边框 4.16 聚焦或报错的输入框边框（红 2px）
selected-mark surface-card 图形、边框 4.16 选中标记小红块
selected-mark surface-page 图形、边框 4.16 白底上的红色标记
selected-mark surface-soft 图形、边框 3.61 浅灰小填充上的红色标记
selected-mark surface-muted 图形、边框 3.61 照片占位（中性浅灰）上的红色标记
selected-mark surface-inverse 图形、边框 3.71 深棕面上的红色标记
selected-border surface-card 图形、边框 18.06 选中描边 2px
primary surface-page 图形、边框 18.06 焦点环（近黑）
primary surface-muted 图形、边框 15.67 焦点环在照片占位上
text-white surface-inverse 图形、边框 15.44 深棕面上的焦点环（白）
chocolate-block surface-page 图形、边框 15.44 巧克力格在白底上
chocolate-block surface-soft 图形、边框 13.39 巧克力格在浅灰小填充上

不要这样配

前景 背景 用途 对比度 改成
text-secondary background-4 正文 4.46 Background/4 上的辅助字 → 改用 text-body
text-3 surface-card 正文 4.09 Text/3 小字 → 只做禁用态，说明文字改用 text-secondary
text-3 surface-page 正文 4.09 Text/3 在页面底上 → 不用
text-3 surface-inverse 正文 3.77 Text/3 在深棕面上 → 改用 text-on-inverse-secondary
red surface-card 正文 4.16 红色小字（报错、促销价）→ 字用 text-body，红色只给图标和边框
red surface-inverse 正文 3.71 深棕面上的红色小字 → 不用
text-white red 正文 4.16 红底白字小字 → 改用 black
text-1 red 正文 4.34 红底近黑小字 4.34 → 改用 black
action-primary surface-inverse 图形、边框 1.0 深棕按钮放在深棕面上 → 改用 action-primary-inverse
stroke-1 surface-card 图形、边框 1.44 Stroke-1 当控件边界 → 只做装饰分割线
selected-mark clay 图形、边框 2.68 红色标记放在陶土色上 → 换到白底
selected-mark background-3 图形、边框 2.9 红色标记放在浅灰上 → 不用
primary action-primary 图形、边框 1.17 近黑焦点环直接贴在深棕按钮上 → 焦点环外加 2px 白缝（focus-ring 已含）
chocolate-block surface-inverse 图形、边框 1.0 巧克力格放在深棕面上 → 看不见，只放浅底

文字

样式 用在哪
t-40-medium 页面 H1，每页一个
t-28-medium 区块标题
t-24-medium 商品名、配置器合计
t-20-medium 卡片和步骤标题
t-18-medium 导语短句、FAQ 问题、桌面导航
t-16-medium 按钮、Tab、步骤标签
t-18-regular 区块导语
t-16-regular 正文、输入框（输入框永远 16px）
t-14-medium 表单标签、数据、卡片价格、徽章（单行）
t-14-regular 说明和多行小字
t-12-medium 眉题和标签（单行）
t-12-regular 单行附注

行高 Auto 的样式（Montserrat 1.219、Archivo 1.088）只排单行。字体是 Google Fonts 的 Montserrat 和 Archivo（SIL OFL，网页、印刷、广告都可用），文件在 fonts/。

按钮与状态

类型 默认 悬停 按下 禁用
主按钮（每屏一个） 深棕底 + 白字 近黑底 + 白字 纯黑底 + 白字 background-3 底 + text-3 字
主按钮 · 深棕面上 白底 + 深棕字 沙色底 + 深棕字 陶土色底 + 深棕字 —
次按钮 透明底 + 1px border-1 + 近黑字 沙色底 陶土色底 1px background-3 边 + text-3 字
文字链接 近黑 + 下划线 下划线变红色 2px — —

选中：2px 近黑描边 + 一个 8px 红色方块或勾选图标。输入框聚焦或报错：2px 红色边框。键盘焦点：浅底用 focus-ring，深棕面用 focus-ring-inverse。

规则清单

编号 规则 ✓ ✗
MGH-VIS-01 Logo：横版词标是唯一主标：浅底用主标（近黑词标 + 红色网格），深棕面用反白（白词标 + 红色网格），红底用白词标 + 黑色网格。社交头像用 M + 网格组合标；Favicon、App 图标、角标用超级符号；不用竖版。优先用 SVG 文件；横版最小宽 120px，超级符号最小 24px；四周净空不小于网格一格的高度。 浅底主标 · 深底反白 · 红底白字黑格 拉伸、加投影、改网格颜色、放在照片或低对比底上、竖版
MGH-VIS-02 颜色比例：白做底，深棕和红色只做点缀：页面以白为底（surface-page），画面主要是白底和商品照片；分区靠留白和 1px 细线，不靠整块色底。暖米、沙色、陶土是辅助色，只做小面积点缀（选中、悬停、小标签），不做页面底、整段背景或大色块；需要浅底时用中性浅灰 surface-soft（Background/2），也只用在小面积。深棕只做主按钮、巧克力格和小面积重点。近黑 #171616 只做文字、Logo 和细线，不做底色。红色只用于超级符号与模块标记、选中标记、24px 以上的促销价、小徽章、报错图标与边框，不超过 10%；不做按钮，不做大面积底色（Logo 红底版除外）。 白底 + 商品照片 + 细线分区，一个深棕主按钮，红色只在模块标记上 暖米整页底 + 沙色整段背景 + 深棕页脚；近黑页头；红色按钮
MGH-VIS-03 按配对表用色：text-3 只做禁用态或 24px 以上；红色当文字只在 24px 以上；红底上的字用 black；Background/4 上只放 text-1；控件边界用 border-1，stroke-1 只做装饰线；深棕面上的辅助字用 text-on-inverse-secondary（沙色）；红色标记不放在陶土色和浅灰上；焦点环用近黑（深棕面上用白）。其余配对查“用色配对”。 报错：近黑文字 + 红色图标 + 红色 2px 边框 报错：红色 14px 文字
MGH-VIS-04 页头、页脚用白，深棕只做小面积重点：页头、页脚都是白底配主标，页脚上方一条 1px 细线。深棕 surface-inverse 只用在小面积重点：配置器汇总条、小标签；不做页脚、整段背景或大方格。近黑不做底色。深棕面上的按钮用反白版（MGH-VIS-14）。 白页头 + 白页面 + 白页脚，细线分开 深棕页脚 + 深棕活动带 + 沙色整段背景；用近黑做大面积底
MGH-VIS-05 只用定稿的 12 个文字样式：标题 Montserrat，正文 Archivo，类名就是 token 名（t-40-medium … t-12-regular）；字距 0，不做大写变换，眉题也用句子式。手机（≤599px）标题降一级：40→28、28→24、24→20。价格和尺寸用等宽数字。中文用对应的 zh-*。 手机首屏标题用 t-28-medium 新造 32px 标题 · letter-spacing 0.18em 全大写眉题
MGH-VIS-06 网格、缝与零圆角：一切都是直角：圆角一律 radius-0。间距按 8px 网格；方格之间固定 8px 的缝（module-gap），缝不随尺寸缩放。结构靠 1px 描边和底色，不用投影；唯一的 box-shadow 是焦点环。 卡片 1px border-1，直角 圆角卡片 + 投影
MGH-VIS-07 装饰图形只有两个：超级符号和巧克力格：超级符号：2×3 红色网格 = 字母 H + 模块 + 扩展连接，只用 2×3 原型、扩展网格、局部裁切；永远红色，只有在红底上变成 black。巧克力格：深棕方块排成一板巧克力，一块就是沙发的一件；块与块之间 8px 缝，每块中间有一块稍浅的凸面（chocolate-face，四边内缩 14%）。巧克力格可以“掰开”：一块离开原位三个缝宽，表示加一件或拿走一件。巧克力格只放在白或中性浅灰底上。两者都不加圆角、投影和渐变；一个画面只用其中一个（Logo 里的网格不算）。 三块巧克力排成一排，第四块掰开在旁边 + “Add a seat. Take it away.” 巧克力格画成圆角、加高光渐变或做成红色；超级符号改成棕色
MGH-VIS-10 渐变只在 Branding-6 里：Branding-6 的红色渐变方块只属于这张关键视觉，可以原样复用；界面、按钮、卡片不用渐变。 复用 Branding-6 作广告背景 按钮、卡片用渐变
MGH-VIS-11 图标：Lucide 线性图标，描边 1.5px，端点直角、转角斜接，颜色跟随文字；尺寸 16 / 20 / 24。红色图标只表示激活或报错。只有图标的按钮要有文字标签。 直角端点的加号与尺子 圆头图标、彩色图标、emoji
MGH-VIS-12 动效：220ms、cubic-bezier(0.2, 0, 0, 1)，只过渡颜色和透明度；不位移、不缩放、不弹跳；系统开启减少动效时取消过渡。 悬停时按钮底色由深棕变近黑 按下时缩小、卡片悬浮上移
MGH-VIS-13 无障碍：WCAG 2.2 AA：文字 4.5:1（24px 以上 3:1），控件边界、图标、焦点环 3:1；所有交互有可见焦点；触控目标不小于 44px；状态不只靠颜色，配文字或图标。 选中：2px 近黑描边 + 红色小方块 只用红色表示选中
MGH-VIS-14 CTA 用深棕：主按钮 action-primary：深棕 #3F1A03 + 白字；悬停近黑、按下纯黑，只变颜色。深棕面上用反白版 action-primary-inverse（白底深棕字）。红色不做按钮。每屏只有一个主按钮。 白页面上深棕底白字 “Add to cart”；深棕汇总条上白底深棕字 红底按钮；深棕按钮直接放在深棕条上

05 影像与版式

拍什么、怎么拍，以及网页、广告、邮件、社媒的方格版式和尺寸。

五种画面

画面 用在哪 怎么拍 必须看得到 不要
变化连拍（标志画面） 首页、集合页、广告轮播、视频 同一机位、同一光线，同一套件拍三种拼法 接缝、形状的变化 换房间、换角度、后期拼接
俯视平面 配置器、商品页尺寸区、社媒 正上方俯拍，或用平面图：一件一个方块，8px 缝 每件的位置、整体宽 × 深 斜透视、没有尺寸
生活场景 首页、集合页、社媒 真实房间，自然光，相机约 1 m 高，有人在坐、躺、拼 人和沙发的真实比例 超广角、道具堆满
功能特写 商品页、功能区、广告 手 + 动作：按躺椅键、放手机充电、拉开面料套、两件对接 按键、接口、拉链、接缝 只有参数图
商品图 商品卡、PDP 首图 白底或中性浅灰 #EFEFEB 上，3/4 正面，柔和落地阴影 完整外形、面料真实颜色 冷灰底、加滤镜（电商平台主图按平台要求用纯白底，见 08）

光线与颜色：暖的自然光（白天窗光、傍晚侧光、台灯），画面里有木地板、织物、绿植这些让家变暖的东西；白平衡按实物，面料颜色以实物为准，不整体调黄、不加滤镜。人物：真实的年龄和家庭结构，动作自然（坐、躺、拼、搬），不对着镜头摆笑。

方格版式

所有平面物料用同一套方格：

  • 画面切成方格；格与格之间 8px 缝（1080 宽画布），缝的颜色是白。
  • 格子只有四种：照片格、文字格（白，或一小块深棕；一格只放一个标题、一句副标题、一个按钮或 Logo）、巧克力格（讲拼法时用）、红色模块标记（实心方块，放在文字格左上角，边长约等于眉题行高）。
  • 一个画面最多一个红色标记；Logo 放在文字格里。
  • 字号用定稿样式按画布等比放大；标题不超过两行。

投放尺寸

用途 尺寸 方格 注意
网站首屏 · 桌面（首页） 1440 × 760 照片铺满整屏宽；白文字格压在照片左下角 文字格里：标题、副标题、深棕 Build yours；字不直接压在照片上
网站首屏 · 桌面（定制、活动等落地页） 1440 × 560 左 3/5 照片格 + 右 2/5 白文字格 同上
网站首屏 · 手机 390 宽 上方 1:1 照片格 + 下方文字格 标题用 t-28-medium
集合页横幅 1440 × 360 照片格 + 文字格 导语一句
Meta / Instagram 方图 1080 × 1080 2 × 2：照片占 3 格，文字格 1 格（白） 讲拼法时可用巧克力格代替照片
Meta / Instagram 竖图 1080 × 1350 上方 1080 × 1080 照片 + 下方文字条 关键内容放在中间 1080 × 1080
Stories / Reels 1080 × 1920 竖排：文字格 + 两个照片格 上 14%（约 270 px）、下 35%（约 670 px）、左右各 6%（约 65 px）不放字和 Logo
轮播 1080 × 1350 × 3–5 张 每张一种拼法（变化连拍） 最后一张：Logo + Build yours
邮件头图 600 宽（导出 1200 宽） 照片格 + 文字格 标题写在邮件正文里，不做进图片
社媒主页 4:5 帖子 每帖内部用方格 不做跨帖拼图（主页网格会裁切）

规则清单

编号 规则 ✓ ✗
MGH-LAY-01 标志画面：同一张沙发的三种拼法：每个模块化系列拍一组“同一机位、同一光线、三种拼法”的连拍（例：3 件一字形 → 5 件 L 形 → 7 件 U 形）。首页、集合页、广告轮播优先用它。 三张同机位照片并排，配 “Same sofa. Three layouts.” 三张不同房间、不同角度的照片拼在一起
MGH-LAY-02 真实的家，真实的比例：真实房间、暖的自然光（窗光、傍晚侧光、台灯）、有人在用；画面里有木头、织物和绿植；相机高度在坐姿视线附近（约 1 m）；按真实尺寸摆，拍得到接缝。不用广角把小房间拍大，不摆满道具。 傍晚侧光，两个人在 L 形沙发上，接缝清楚 超广角样板间，沙发被道具挡住一半
MGH-LAY-03 功能用“手 + 动作”的特写证明：按下躺椅键、手机放上充电位、拉开面料套、两件对接——每个功能至少一张这样的特写，和功能句配在一起。 手指按住躺椅侧键 + “Press and hold. Stop anywhere.” 只有参数图和爆炸图
MGH-LAY-04 字不压图：标题、按钮、Logo 放在实色文字格里（白，或一小块深棕），不直接压在照片上；文字格可以在照片旁边，也可以压在整屏照片的一角（首页首屏）。 照片格 + 旁边一格白底文字和深棕按钮 白字直接压在浅色照片上
MGH-LAY-05 方格版式：画面切成方格，格与格之间 8px 缝（1080 宽画布）。格子只有四种：照片格、文字格、巧克力格、红色模块标记。一个画面最多一个红色标记；不加圆角、阴影、贴纸和描边框。 1080 × 1350：上方照片格 + 下方白色文字格，文字格左上角红色标记 照片加圆角和投影，四角各放一个红色方块
MGH-LAY-06 按投放尺寸出图：按“投放尺寸”表出图：方图 1080 × 1080，竖图 1080 × 1350，Stories / Reels 1080 × 1920（上 14%、下 35%、左右各 6% 不放字和 Logo），邮件头图 600 宽（导出 1200）。社媒帖子关键内容放在中间 1080 × 1080，不做跨帖拼图。 Reels 标题放在画面上部 14% 以下、底部 35% 以上 把 Logo 放在 Reels 最底部，被按钮挡住
MGH-LAY-07 短视频：前 2 秒就出现变化：加一件、换方向或拆开。6–15 秒；字放在画面上下的实色条里；结尾 2 秒放 Logo + Build yours。加速过的拼装画面标 “Sped up”。 0–2 秒：第四件推进来接上；结尾 Logo + Build yours 前 5 秒是空镜和音乐；拼装加速但不标注
MGH-LAY-08 渲染图和 AI 图：渲染图和 AI 生成或修改的图按公司内容规则标注；不用 AI 生成顾客、评价和“真实使用”场景。 渲染场景图在内部素材库标注 “Render” AI 生成的“顾客家中实拍”

06 网站与购物体验

magichome.com 由哪些页面组成、每页放哪些板块，以及价格、政策和尺寸怎么呈现。一切按对顾客有利的做法：下单前就知道放不放得下、总共多少钱、什么时候到、不满意怎么办。

网站地图

magichome.com 升级版的页面结构。每类页面在 Pages 组有一张整页样张，上线照样张和“各页板块”做。

页面 网址示例 样张 这一页要回答什么
首页 / Page01Home Magic Home 卖什么、凭什么不同、从哪开始
集合页 /collections/modular-sectional-sofas Page02Collection 哪一款适合我的房间（形状、座位、宽度）
商品页 /products/… Page03Product 是什么、多少钱、放得下吗、什么时候到、能不能退
定制 /pages/customization Page04Customization 尺寸或面料不合适怎么办、要多久、能不能请设计师帮忙规划
活动页 /collections/sale Page05Sale 哪些在打折、到哪天、价格怎么算
帮助中心 /pages/support Page06Support 配送、退货、质保、拼装找谁、多久回复
政策页 /policies/… Page07Policy 条款一眼看懂，再看全文
联系我们 /pages/contact Page08Contact 用哪种方式最快
展厅 /pages/showroom Page09Showrooms 在哪能试坐、怎么预约
关于我们 /pages/about-us Page10About 为什么做会变的沙发、承诺什么
灵感文章 /blogs/home-ideas Page11HomeIdeas 怎么量、怎么选、怎么摆
购物车 抽屉 Page12Cart 总共多少钱、几箱、什么时候到
工具页 404、搜索、订单追踪 Page13Utility 找不到时下一步去哪

主导航：Modular Sectionals · Reclining Sectionals · Shop by Shape · Customization · Showrooms · Home Ideas · Support。促销放公告栏。页脚四栏：品牌和联系方式 · Shop · Help · Magic Home；底部法律链接和支付方式。

各页板块

每页从上到下的板块顺序。每张样张的 README 写每块放什么。

页面 样张 板块顺序
首页 Page01Home 公告栏 → 页头 → 首屏 → 下单前四件事 → 按形状选 → 热卖 → 同一套件换形状 → 功能特写 → 场景点选 → 交付时间线 → 评价 → 定制 → 灵感文章 → 订阅 → 页脚
首页（Black Friday 版） Page01HomeBlackFriday 公告栏 → 页头 → 首屏 → 活动带 → 下单前四件事 → 按形状选 → 热卖 → 同一套件换形状 → 功能特写 → 场景点选 → 交付时间线 → 评价 → 定制 → 灵感文章 → 订阅 → 页脚
集合页 Page02Collection 公告栏 → 页头 → 标题区 → 筛选 → 商品卡 → 尺寸指南 → 选购前三件事 → 问答 → 订阅 → 页脚
商品页 Page03Product 公告栏 → 页头 → 面包屑 → 图库 → 标题和价格 → 拼法和颜色 → 放得下吗 → 加购 → 功能特写 → 尺寸与箱子 → 评价 → 顾客实拍 → 问答 → 其他拼法 → 订阅 → 页脚
定制 Page04Customization 公告栏 → 页头 → 首屏 → 前后对比 → 四步 → 整屋方案 → 申请表 → 问答 → 订阅 → 页脚
活动页 Page05Sale 公告栏 → 页头 → 首屏 → 满减说明 → 场景推荐 → 商品网格 → 价格怎么显示 → 活动条款问答 → 订阅 → 页脚
帮助中心 Page06Support 页头 → 开头 → 快捷入口 → 联系方式 → 配送、退货、质保 → 退货四步 → 指南 → 常见问题 → 还需要帮助 → 页脚
政策页 Page07Policy 页头 → 面包屑 → 左侧目录 → 标题 + 更新日期 → 一眼看懂 → 条款全文 → 联系方式 → 页脚
联系我们 Page08Contact 页头 → 开头 → 联系方式 → 留言表 → 写信前先看 → 页脚
展厅 Page09Showrooms 页头 → 首屏 → 城市卡片 → 到店能做什么 → 视频预约 → 下一步 → 页脚
关于我们 Page10About 页头 → 首屏 → 品牌故事 → 三根柱子 → 承诺和现在 → 安全与检测 → 评价 → 结尾 → 页脚
灵感文章 Page11HomeIdeas 页头 → 开头 → 精选指南 → 文章卡片 → 更多文章 → 文章页头 → 目录 → 正文 → 问答 → 商品模块 → 同话题文章 → 订阅 → 页脚
购物车 Page12Cart 公告栏 → 页头 → 整页购物车 → 进门检查 → 活动满减 → 订单汇总 → 再加一件 → 订阅 → 页脚
工具页 Page13Utility 页头 → 404 → 搜索结果 → 没有结果 → 订单追踪 → 页脚

对顾客有利的做法

做法 用在哪
尺寸、最大箱子、箱数贴着加购按钮；集合页卡片写宽度和箱数 商品页、集合页、配置器
免运费、送达时间、退货条件（含谁付退货运费）在下单前就看得到 商品页、购物车、帮助中心
购物车写预估总价，税在结算时加；不预勾任何加购 购物车
活动写起止日期和条款；不用倒计时和假库存 活动页、公告栏、广告
政策页先给摘要，再给全文 政策页
评价按原文显示，可按形状筛选；只用已购买顾客的评价和授权照片 首页、商品页、关于我们
一组联系方式、一个回复时间，到处一样 全站
筛选按顾客怎么想：形状、座位数、整体宽度，带数量 集合页、搜索

灵感文章选题

一个购买问题一篇主文章；近似的问题并进同一篇。结构：一句话回答 → 步骤（照片或巧克力格示意）→ 提示格 → 2–3 个问答 → 一个商品模块 → 同话题文章。署名 Magic Home design team，写日期和阅读时间。

顾客的问题 文章 结尾带到 状态
放得下吗？楼梯和电梯进得去吗？ How to measure for a sectional Modular Sectionals 全文已写（内容素材 文章/）
贵妃位放哪边？ Left or right chaise: how to choose 带贵妃位的组合 待写；先补“哪些系列能换边”
小客厅能放组合沙发吗？ Small living room? Start with three pieces. Modular Sectionals（3 座筛选） 待写
L 形还是 U 形？ L-shape or U-shape: which fits your room Shop by Shape 待写
要几个座位？ How many seats do you need? 集合页座位筛选 待写
哪几个座位要能躺？ Picking which seats recline Reclining Sectionals 待写；需要每座功能数据
靠墙放的躺椅要留多少空？ How far from the wall: wall hugger recliners 躺椅指南 待写；需要每款离墙距离
同一套件还能怎么摆？ One sofa, three layouts for the same room Build yours 待写
搬家怎么带走？ Moving with a modular sofa 拼装指南 待写
套子怎么洗？ How to wash a removable cover Washable 商品 待写；需要洗涤标签内容
观影的房间怎么配？ Setting up a movie-night room Reclining Sectionals 待写

商品页：下单前要回答的五件事

顺序 回答什么 写法
1 这是什么 商品名公式：Cero Modular Sectional, 6-Piece
2 多少钱 一个价格；有参考价依据才显示划线价（MGH-PX-02）
3 放得下吗 加购按钮旁：整体宽 × 深、最大单箱尺寸、门宽提醒
4 能怎么变、有什么功能 先拼法（模块化），再功能（按商品，时刻句）
5 怎么送到、出问题怎么办 箱数和可能分批到达；政策短句 + 条款页链接（见“政策说法”）

价格怎么显示

情况 商品页 购物车与结算
正常价 $2,080 $2,080.00
促销，没有参考价依据 $2,080 + Sale 徽章 $2,080.00
促销，有参考价依据 $2,080，旁边划线 $2,480 $2,080.00，旁边划线 $2,480.00
价格加载中 骨架块，不显示 $0 —

活动条款模板

活动页、公告栏链接的条款都用这一段。方括号里的金额、日期和范围每次由 Allen 定，法律补充条款由法务补。

[Sale name] runs from [start date] through [end date] at 11:59 pm PT. Save [$X] on orders of [$Y] or more before tax. The discount is applied at checkout. One discount per order; it can't be combined with other codes. Applies to [eligible items]. Doesn't apply to [excluded items]. Prices on product pages are before the discount. Shipping, returns and warranty follow our standard policies. Final-sale items are marked on the product page.

政策说法

magichome.com 升级版的政策。条款页（Shipping Policy、Returns and Refunds、Warranty Policy）、FAQ、商品页、邮件、客服都照这张表写，并链接对应条款页；三个条款页的全文在 Magic Home 内容素材文件夹的 政策页/。

政策 短句（信任条、广告、邮件） 完整说法（FAQ、商品页、客服） 中文
运费 Free standard shipping Standard shipping is free on every order to the U.S. and U.S. territories. We don't ship to APO, FPO or DPO addresses. 美国及美属地区标准配送免运费
处理与送达 — Orders are usually processed within 2 business days. Furniture usually arrives in 7–15 business days. Custom and pre-order items take 28–70 business days. 订单一般 2 个工作日内处理；家具一般 7–15 个工作日送达；定制和预售 28–70 个工作日
退货 30-day returns Return unused, unassembled items in the original packaging within 30 days of delivery. Email us first for a return authorization. Return shipping is paid by you unless the item is defective or arrived damaged. Custom, final-sale and clearance items can't be returned. 收货 30 天内可退（未使用、未拼装、原包装）；先邮件申请；退货运费由顾客承担，质量问题和运输损坏除外；定制、清仓和最终售出商品不退
退款 — Once we receive and approve the return, the refund goes to your original payment method. Allow 5–7 business days from the day we receive it. 收到并确认退货后原路退款，从收到之日起约 5–7 个工作日
运输损坏 — Report damage within 7 days of delivery with photos or a video, and keep the packaging. We'll send a replacement part or piece, or refund it. 收货 7 天内带照片或视频反馈并保留包装；补发配件或整件，或退款
取消订单 — You can cancel for a full refund until your order ships. Custom orders can be canceled for a full refund until you approve the drawing and quote. 发货前可取消并全额退款；定制单在确认图纸和报价前可取消并全额退款
价格保护 — If we lower the price of an item within 7 days of your order, email us and we'll refund the difference once, to your original payment. Clearance, final-sale and display items aren't included. 下单 7 天内降价，可申请一次退差价，原路退回；清仓、最终售出、展品除外
定制 — Custom pricing depends on the size and fabric. You get a written quote with the drawing, and we don't charge anything until you approve both. Custom orders take 28–70 business days and can't be returned. 定制价格按尺寸和面料定；先给图纸和书面报价，确认后才收款；28–70 个工作日；定制件不退
面料小样 Free fabric swatches We mail up to 5 fabric swatches for free. Fabric color can vary slightly between production runs; if you're adding pieces later, email us your order number first and we'll check which run we can ship. 免费寄面料小样，每次最多 5 块；不同批次颜色可能略有差别，以后加件前先发订单号给我们核对批次
质保 2-year limited warranty A 2-year limited warranty from delivery covers manufacturing defects in materials and construction on new purchases. Normal wear, fading and pilling aren't covered, and neither is damage from accidents or misuse. To make a claim, email your order number and photos of the issue. 新品自送达起 2 年有限质保，覆盖材料和做工的制造缺陷；正常磨损、褪色、起球以及意外和使用不当造成的损坏不在内；发订单号和照片申请

不写：Free returns、无理由退货、终身质保、试住、免费送装。

规则清单

编号 规则 ✓ ✗
MGH-PX-01 功能按商品写：功能、件数、尺寸、面料都从商品数据取；集合页写 “on select models” 并链接到筛选。 Heated seat on select models All Magic Home sectionals are heated.
MGH-PX-02 价格与划线价：商品页整数美元，购物车与结算两位小数。划线价、Was、折扣金额和百分比只在商品数据有参考价依据时显示：该商品过去 90 天在 magichome.com 真实公开售卖的价格（门槛和留档按法务确认的版本）；没有依据只显示一个价格。促销价 24px 以上可用 price-sale-large，更小时保持 price-text，另加 Sale 徽章。 $2,080 · Sale（无依据）；$2,080，旁边划线 $2,480（有依据） Was $6,934 now $2,080（无依据）
MGH-PX-03 商品名公式：系列名 + 品类 + 件数：Cero Modular Sectional, 6-Piece；搜索词放在描述和 Meta 里，不堆在标题里。 Cero Modular Sectional, 6-Piece Modular Cero Modular Cloud Sectional Sofa Couch 6-Piece
MGH-PX-04 尺寸放在加购按钮旁边：加购按钮附近给出整体宽 × 深、每件尺寸、最大单箱尺寸和门宽提醒。 112″ W × 64″ D · largest box 36″ × 30″ × 20″ · Measure your doorway 尺寸只在规格表第 4 屏出现
MGH-PX-05 分箱发货说清楚：一套由多箱组成时，写清箱数，以及可能分不同日期到达（以物流数据为准）。 Ships in 6 boxes. They may arrive on different days. Fast shipping!
MGH-PX-06 配置器：用分步引导，覆盖模块化组合和电动躺椅功能；只给存在的组合，价格、尺寸、功能只取商品数据。做法见 07 配置器。 选形状 → 选座位数 → 选每座功能（电动躺椅）→ 选面料 → 确认 → 加购 编出来的价格；能拼出不存在的组合
MGH-PX-07 评价只用真的：只用真实评价，按原文显示；“3 years · 4 people · 2 → 6 pieces” 这类图注只在有真实数据时写。 真实顾客原话 + 购买组合 编写的“用户原话”
MGH-PX-08 网站按这 13 类页面搭：首页、集合页、商品页、定制、活动页、帮助中心、政策页、联系我们、展厅、关于我们、灵感文章、购物车、工具页（404、搜索、订单追踪）。主导航固定为 Modular Sectionals · Reclining Sectionals · Shop by Shape · Customization · Showrooms · Home Ideas · Support；促销只进公告栏。每页的板块顺序见“各页板块”和 Pages 组的卡片。 导航七项，活动入口在公告栏 导航里放 Early Black Friday；同一类页面各做各的
MGH-PX-09 关键信息放在做决定的地方：尺寸、最大箱子、箱数放在加购按钮旁；免运费、送达时间和退货条件放在加购按钮下和购物车里；集合页卡片写形状、座位数、整体宽度和箱数。顾客不用翻页就能回答“放得下吗、多少钱、什么时候到、能不能退”。 加购按钮上方 3 行尺寸和箱数，下方 2 行送达和政策 尺寸只在规格表第 4 屏；运费到结算页才出现
MGH-PX-10 总价透明，不制造紧迫感：购物车写清小计、运费、税在结算时加和预估总价；不预勾加购、保障计划或捐款；不用倒计时、“仅剩 X 件”“X 人正在看”，除非库存或数据真实且实时；活动页写清起止日期和条款。 Estimated total $2,570 · Taxes at checkout；Black Friday Early Access · [start date] – [end date] 15:00 倒计时；预勾的 $199 保障计划
MGH-PX-11 政策页先给摘要：每个政策页顶部放“At a glance”表：期限、条件、怎么开始、谁付运费、退款时间、哪些不适用；下面是法律全文，带目录和更新日期。摘要和全文意思一致，以全文为准。 Return Policy 顶部 6 行摘要 + 左侧目录 一整页法律文字，没有摘要和目录
MGH-PX-12 一篇文章回答一个购买问题：灵感文章按“灵感文章选题”表写：一个问题一篇主文章，不写互相抢排名的近似题；先教顾客怎么判断，再带到对应的集合页或商品页；事实只用条款页和商品数据，不编亲身体验。 How to measure for a sectional → 结尾带到 Modular Sectionals 同时有 “Best sofa for small spaces” 和 “Small space sofa guide” 两篇

07 配置器

配置器是模块化卖点的落地页：模块化系列让顾客拼出一套放得下的组合，电动躺椅系列让顾客选好每一个座位的功能。几分钟内看懂价格、尺寸和怎么送到，然后加购。可点的样稿见 Configurator 组的 ConfiguratorB 卡。

它要回答的问题

顾客的问题 配置器怎么答
这真的能拆开重组吗？（模块化） 俯视平面图按件画出来，件与件之间有缝；单件能单买时才写“以后能加件”
哪几座能躺、能加热、能充电？（电动躺椅） 平面图上每个座位标出所选功能；只列这件商品真有的选项
放得下吗？ 整体宽 × 深标在图上；每件尺寸、躺平后的深度、门宽提醒、箱数放在加购按钮旁
值不值？ 价格随选择实时变化；划线价只在有参考价依据时出现
会后悔吗？ Shipping · Returns · Warranty 链接

范围

系列 能配什么
模块化组合沙发 形状 × 座位数 × 尺寸档 × 面料 × 可拆洗，对应现有组合商品
电动躺椅沙发 形状 × 座位数 → 每个座位：标准 / 电动躺 / 零重力，加热、充电扶手台（有才给）→ 面料。每座数据不全时，按现成的组合商品给选项（例如“全部电动”“两端电动”），不让顾客拼出不存在的配置
特殊尺寸、面料、扶手、腿 不在配置器里做；留入口 “Need a different size or fabric?” 链到 Customization

流程

步骤 模块化系列 电动躺椅系列
1 Layout Straight、With chaise、L-shape、U-shape（只列有商品的形状） 同左
2 Size 座位数和尺寸档；没有商品的选项禁用并写原因 座位数
3 Comfort — 在平面图上逐座选：Standard / Power recline / Zero gravity；有才给 Heated seat、Charging console；每项旁边写价格差
4 Cover 面料 + 标准或可拆洗 面料
5 Review 件的清单、整体尺寸、每件尺寸、门宽提醒、箱数、政策链接 每座功能清单、整体尺寸、躺平后深度、离墙距离（靠墙式）、电源需求、箱数、政策链接

全程：左边平面图实时变化，底部深棕汇总条显示组合名、尺寸、件数、价格和 Add to cart（白底深棕字）。电动躺椅系列的页头写 Reclining Sectional，不写 modular。

平面图怎么画

  • 俯视，一件一个方块：座位方形，贵妃位 1 × 2，转角和座位同尺寸；件与件之间 8px 缝。
  • 座位白色 + 1px control-border；转角、贵妃位中性浅灰 surface-soft。平面图不填面料颜色（平面图讲结构，面料看小样和照片）。
  • 电动躺椅：所选功能用短标签写在座位里（Power、Zero-G），加热和充电用图标；不只靠颜色区分。
  • 选中：2px selected-border + 8px 红色方块。红色在配置器里只用在选中标记。
  • 整体宽、深用尺寸线标在图上，t-14-medium + 等宽数字。

状态

状态 处理
默认 预选这个系列最常买的组合，平面图和价格立刻可见
价格加载中 价格位显示骨架块，不显示 $0
组合不存在 选项禁用并写原因，不悄悄跳到别的选项
功能不兼容 说明原因和可选的座位：Corner seats don't recline. Try seat 2 or 4.
缺货、长交期 写明交期，不用警示色；缺货给到货提醒入口
加载失败 说明问题，给集合页链接
手机 平面图在上，步骤在下，汇总条吸底（价格 + Add to cart）

文案

位置 English 中文
入口 Build yours 开始搭配
步骤标题 Choose a layout / How many seats? / Choose each seat / Pick a cover / Your sectional 选一个形状 / 要几个座位？ / 每个座位选功能 / 选面料 / 你的组合
步骤标签 Layout · Size · Comfort · Cover · Review 形状 · 尺寸 · 功能 · 面料 · 确认
说明 You can change it later. 之后还能改。
禁用原因 Not in this layout 这个形状没有这一款
功能 Power recline · Zero gravity · Heated seat 电动躺 · 零重力 · 座椅加热
不兼容 Corner seats don't recline. Try seat 2 or 4. 转角位不能躺。可以选第 2 或第 4 个座位。
尺寸 144″ W × 72″ D overall. Measure your doorway before you order. 整体宽 144 英寸 × 深 72 英寸。下单前量一下门宽。
躺平深度 64″ deep when reclined. Leave 4″ behind the sofa. 躺平后深 64 英寸。沙发后面留 4 英寸。
物流 Ships in 5 boxes. They may arrive on different days. 分 5 箱发货，可能不在同一天送到。
加购 Add to cart 加入购物车
去英文页 — 购物车和结算是英文页面。

数字都是示例，上线时取商品数据。

每一步读哪些商品数据

步骤 数据
Layout、Size 系列有哪些形状、座位数、尺寸档；每种组合对应的商品
Comfort 每个座位可选的功能和价格差；哪些座位不能躺；加热、充电位置
Cover 面料、颜色、小样图；是否有可拆洗版
Review、汇总条 价格（和参考价依据）、整体与每件尺寸、躺平深度、离墙距离、电源需求、箱数和箱尺寸、交期

无障碍

  • 步骤是按钮，当前步骤 aria-current="step"；选项是原生单选组，键盘上下切换。
  • 平面图有文字替代（件和每座功能的清单、尺寸）；合计变化用 aria-live="polite" 播报。
  • 选中和功能不只靠颜色；触控目标不小于 44px；焦点环 focus-ring / focus-ring-inverse。

08 电商平台

Amazon、Walmart 等电商平台上的 Magic Home 商品用同一套规范：同一个标题、同一组图片、同一套卖点，两个平台都能直接用。平台规则更严时按平台规则。

电商平台规范（Amazon、Walmart 通用）

项 怎么做
品牌字段 Magic Home（不写 The Magic Home、MagicHome）
标题 Magic Home + 系列 + 品类 + 件数或座位数 + 形状或面料 + 颜色；50–80 字符，前 50 字符看得出品牌、品类和座位数（MGH-MKT-01）
图片 2000 × 2000 px；主图纯白底、只有完整商品、占 ≥85%；副图按下表顺序（MGH-MKT-02）
卖点 五条，每条“标签：一句话”，≤80 字符（MGH-MKT-06）
描述 第一句重复商品名；按拼法 → 舒适 → 尺寸和箱数 → 面料和清洁 → 拼装展开，≥150 个英文词
属性 尺寸、重量、座高、坐深、件数、箱数、箱尺寸、面料、是否需要拼装全部填写；和官网同一份商品数据
品牌内容 Amazon A+、Walmart Rich Media 用网站方格版式；设计稿 1464 宽，按平台模块尺寸导出（MGH-MKT-03）
品牌店 和官网首页同样的结构：首屏 → 三根柱子 → 三种拼法 → 两个系列
问答和评价 工作日 24–48 小时内回答；只邀请评价，不换好评（MGH-MKT-05、-07）
政策 按各平台规则；图片和描述里不写官网的政策数字（MGH-MKT-04）

图片顺序（7 张）

位置 内容 回答顾客什么
1 主图：纯白底完整商品 这是什么
2 同一张沙发的三种拼法（巧克力格或连拍） 能怎么变
3 带尺寸的俯视图：整体宽 × 深、每件尺寸 放得下吗
4 有人在用的真实房间 放进家里什么样
5 功能特写（只放这件商品有的） 怎么用
6 箱数、最大箱尺寸、箱子里有什么 怎么送到、进不进得了门
7 面料和清洁（可拆洗款放拉链特写） 好不好打理

品牌内容模块

模块 设计稿尺寸 内容
头图 1464 × 600 照片格 + 深棕文字格：Start with the pieces you need.
三根柱子 1464 × 600 三格：随你变、舒适按需选、放得下
三种拼法 1464 × 600 巧克力格或同机位连拍
尺寸与箱子 1464 × 600 俯视尺寸图 + 箱数和最大箱尺寸
系列对照 1464 × 600 同系列不同形状：座位数、宽度、箱数

导出时按平台模块尺寸等比缩放（Amazon A+ 标准模块宽 970）；单张不超过 2 MB，JPG 或 PNG，RGB。

标题示例

✗ 不这样写 ✓ 这样写
Magic Home Modern Sectional Sofa Togo Sofa Lazy Sofa Floor Sofa Foam Sofa Teddy Velvet Couch for Living Room and Apartment, 6 Seat Sofa and Ottoman, Beige Magic Home Modular Floor Sofa, 6 Seats and Ottoman, Teddy Velvet, Beige
The Magic Home Modular Sofa & Sectional Sofa - L Shaped Deep Seat Cloud Couch in Soft Linen Blend Fabric, Perfect for Apartment & Small Space Living, 3-seat Sofa with Ottoman, Khaki Couch Magic Home Modular Sectional, 3 Seats and Ottoman, Linen Blend, Khaki

五条卖点（英文模板）

  1. Built from separate pieces: [N] pieces you can rearrange anytime
  2. Comfort you choose: [features this product has, e.g. power recline on 2 seats]
  3. Know the fit: [W × D] overall, ships in [N] boxes
  4. Easy-care cover: [fabric], [washable covers on washable models only]
  5. Set up piece by piece: numbered boxes and a step-by-step guide

规则清单

编号 规则 ✓ ✗
MGH-MKT-01 一个标题两个平台通用：Magic Home + 系列 + 品类 + 件数或座位数 + 形状或面料 + 颜色，50–80 个字符，前 50 个字符看得出品牌、品类和座位数（手机和搜索结果只显示这么多）。不用 ! $ ? { } 等符号；同一个词最多两次；不写 Sale、Best Seller 这类促销词；不用别家的品牌名和产品名（Togo、Cloud 是别家已申请或注册的家具商标）。品牌字段一律写 Magic Home。 Magic Home Modular Floor Sofa, 6 Seats and Ottoman, Teddy Velvet, Beige Magic Home Modern Sectional Sofa Togo Sofa Lazy Sofa Floor Sofa Foam Sofa Teddy Velvet Couch
MGH-MKT-02 主图按平台，副图按品牌：一组图两个平台通用，出 2000 × 2000 px。主图：纯白底（RGB 255），只有完整商品，占画面 85% 以上，没有文字、Logo、道具和水印。副图按固定顺序回答顾客的问题：能怎么拼、多大、真实房间里什么样、功能怎么用、箱子有几个、箱子里有什么、面料怎么洗；字放在实色方格里。 主图纯白底完整商品；第 3 张是带尺寸的俯视图 主图用暖米底、加 Logo 或 “UP TO 50% OFF”；没有尺寸图
MGH-MKT-03 品牌内容和品牌店用网站版式：品牌内容（Amazon A+、Walmart Rich Media）和品牌店按网站的方格版式和信息屋顺序：先拼法，再舒适功能，再尺寸、箱数和保养。设计稿按 1464 宽做，按各平台模块尺寸导出。不写价格、促销、限时说法、和别家的比较、无法核验的最高级。 头图：照片格 + 深棕文字格 “Start with the pieces you need.” 头图写 “Best sofa online · Limited time deal”
MGH-MKT-04 平台上不写品牌官网的政策：退货、运费、质保按各平台规则走，商品页和图片里不写 magichome.com 的政策数字；功能、尺寸、件数、箱数和官网取同一份商品数据，平台属性字段全部填满。 规格表写 6 pieces · Ships in 5 boxes 副图写 “30-Day Free Return · 2-Year Warranty”
MGH-MKT-05 评价只按平台规则来：不用折扣、赠品或返现换好评，不让员工或亲友刷评；随箱卡片和邮件只能邀请评价，不能要求好评。 We'd love to hear how it fits your room. Leave a 5-star review and get $20 back.
MGH-MKT-06 五条卖点，每条一件事：五条卖点按顺序：拼法、舒适功能、尺寸和箱数、面料和清洁、拼装。每条以 2–4 个词的标签开头，后面一句话，≤80 个字符，两个平台都完整显示。商品描述第一句重复商品名，再按同样顺序展开，不少于 150 个英文词。 Know the fit: 144" W × 108" D, ships in 5 boxes 【HIGH QUALITY】PREMIUM LUXURY SOFA FOR LIVING ROOM BEDROOM APARTMENT…
MGH-MKT-07 问答 24–48 小时内回复：平台上的顾客问题在 24–48 小时内（工作日）回复，答案取自商品数据和政策原文；常被问的问题补进商品描述和图片。 Yes. The armless seat is sold separately and connects to either end. Please check the listing.（不回答问题）

09 包装与随箱物料

箱子、箱标、随箱卡片和拼装说明。顾客拆箱这一刻，是 Magic Home 唯一一次在他家里“开口”。

拆箱时顾客会看到什么

物料 尺寸 上面有什么
外箱 按件 两色主标；箱标；“This side up” 等运输标识按承运要求
箱标 4 × 6 in Logo · 系列名 · 件名 · Box 2 of 5 · 件号 · 小俯视图
随箱卡片 5 × 7 in 正面品牌故事短版和巧克力格；背面从哪一箱开始、拼装说明二维码、客服邮箱
拼装说明 Letter（8.5 × 11 in）或二维码到网页 一步一张俯视图 + 一句英文

随箱卡片文字

正面：

Homes change. Most sofas don't. Start with the pieces you need. Add, move and rebuild them whenever your home changes. Smart Comfort for Flexible Living

背面：

Start with Box 1. Scan for the step-by-step guide. Questions? info@magichome.com Show us your layout: #MagicHomeLayouts

拼装说明的写法

项 写法
每一步 一张俯视图 + 一句动词开头的英文
件 编号方块（C-02），和箱标一致
动作 Slide, click, lock, plug in；不用 “simply”“just”
电动件 先写插电位置和线怎么走
结尾 一张完成图 + “Now try another layout.”

规则清单

编号 规则 ✓ ✗
MGH-PKG-01 箱子只印两色：箱体印主标（近黑词标 + 红色网格），不加其他颜色和图案；只能印一色时，不印 Logo，改贴彩色打印的箱标。箱体不印价格、促销和政策数字。 牛皮纸箱 + 两色主标 + 箱标 单色印一个改了颜色的 Logo；箱子上印 “Free Returns”
MGH-PKG-02 箱标告诉顾客这是第几箱、装什么：每箱一张 4 × 6 in 箱标：Logo · 系列名 · 件名 · Box 2 of 5 · 件号 · 一个小俯视图标出这一件的位置。件号和拼装说明里的编号一致。 Cero · Corner seat · Box 2 of 5 · C-02，平面图里第 2 格标红 只有仓库条码，看不出是哪一件
MGH-PKG-03 拼装说明一步一张图：每一步一张俯视图 + 一句动词开头的英文；件用编号方块，和箱标一致；只在实测后写时间，只在确实不用工具时写 no tools。 3. Slide seat C-02 into the corner until it clicks. Easy assembly in minutes, no tools needed!（未实测）
MGH-PKG-04 随箱卡片：5 × 7 in。正面：品牌故事短版和巧克力格；背面：从哪一箱开始、拼装说明的二维码、客服邮箱 info@magichome.com，以及一句邀请分享摆法。不放折扣码。 Start with Box 1. Scan for the step-by-step guide. 20% off your next order with code THANKS20

10 客服与展厅

客服回复和展厅现场怎么说、怎么摆，让顾客在人面前听到的 Magic Home，和在网上看到的是同一个。

客服回复模板（英文）

方括号里按订单填写；政策只用 06 章“政策说法”的句子并给条款页链接；联系方式和回复时间按 MGH-SVC-01。

情况 回复
订单状态 Hi [name], your order ships in [N] boxes. Box 1 is on its way: [tracking]. The rest may arrive on different days.
分批到达 Hi [name], the other [N] boxes are on their way and may arrive on different days. You can start with Box 1 now.
运输损坏 Hi [name], sorry the [piece] arrived damaged. Please send photos of the box and the damage within 7 days of delivery, and keep the packaging. We usually reply within 24–48 hours on business days.
拼装求助 Hi [name], here's the step-by-step guide for [series]: [link]. If step [n] still doesn't click, send a photo and we'll walk you through it.
退换 Hi [name], you can return unused, unassembled items within 30 days of delivery. Here's the policy: [link]. I've started the request for you; please don't ship anything until you get the return authorization.
质保 Hi [name], your sofa has a 2-year limited warranty from delivery. Please send the order number and photos of the issue, and we'll take it from there. Policy: [link]
加件 Hi [name], you can add a [piece] to your [series]. Here's the link: [link]. It connects to the end of your current layout.
中文顾客（没有中文客服时） 您好，我们的客服目前以英文为主。您可以直接用中文写下问题，我们会尽快用英文回复。

常见问题库

帮助中心、商品页、集合页、邮件和客服都从这里取答案（MGH-SVC-06）。“待补”的问题先不上线。

分类 问题 回答 用在 状态
配送 When will my order arrive? Orders are usually processed within 2 business days, and furniture usually arrives in 7–15 business days. Custom and pre-order items take 28–70 business days. We email tracking when each box ships. 帮助中心、商品页、订单邮件 可用
配送 Why did only some of my boxes arrive? Larger sets ship in several boxes, and each box has its own tracking number. They may arrive on different days. Your shipping email has a tracking link for every box. 帮助中心、集合页、发货邮件 可用
配送 Where is my order? Use the tracking link in your shipping email, or enter your order number and email on the Track your order page. 帮助中心、联系页 可用
配送 Do you ship to my address? Standard shipping is free on every order to the U.S. and U.S. territories. We don't ship to APO, FPO or DPO addresses. 帮助中心、结算页 可用
配送 Something arrived damaged. What do I do? Take photos or a video of the box and the damage, keep the packaging and email info@magichome.com within 7 days of delivery. We usually reply within 24–48 hours on business days. 帮助中心、联系页、送达邮件 可用
配送 Can I change or cancel my order? You can cancel for a full refund until your order ships. To change the cover or the address, email us with your order number before it ships. Custom orders can be canceled until you approve the drawing and quote. 帮助中心、订单邮件 可用
尺寸 Will it fit through my door? Each set lists its largest box on the product page. Measure your doorway, hallways and any stairs. If the largest box fits through all of them, the sectional will too, because you put it together in the room. 商品页、集合页、帮助中心、弃购邮件 可用
尺寸 How much room should I leave around it? Leave about 30″ in front to walk past. Reclining seats need extra room behind and in front, and each product page lists how much. 商品页、灵感文章 可用
尺寸 Left or right chaise: which do I need? Stand facing the sofa. If the chaise is on your left, it's a left-facing chaise. 商品页、灵感文章 待补：哪些系列的贵妃位可以换边
商品 Can I add pieces later? Yes, if the series is sold as single pieces. Look for “Sold as single pieces” on the product page. New pieces connect to the ones you already have. 集合页、商品页、加件邮件 可用
商品 How do the pieces stay together? Connectors under each piece hold it to the next one. They unlock when you want to move. 集合页、商品页 待补：各系列连接件的样子和拆法
商品 Can I wash the covers? On products marked Washable, the covers come off. Follow the care label on each cover. 集合页、商品页 可用
商品 Will new covers match the ones I have? Fabric color can vary slightly between production runs. Before you add pieces, email us your order number and we'll check which run we can ship. 商品页、加件邮件 可用
商品 How long does assembly take? Each product page lists the assembly time and how many people it takes. Step-by-step guides and videos are on the Support page. 商品页、帮助中心 可用
商品 Do power recliners need an outlet? Yes. Power seats plug into a wall outlet. 商品页（电动躺椅） 待补：线长、是否有电池选项
商品 How much weight does each seat hold? Each product page lists the weight limit per seat. 商品页 可用
退货与质保 How do I start a return? Email info@magichome.com with your order number within 30 days of delivery. Items need to be unused and unassembled, in the original packaging. Please wait for the return authorization before you ship anything. 帮助中心、政策页、联系页 可用
退货与质保 Who pays for return shipping? You do, unless the item is defective or arrived damaged. 帮助中心、政策页、结账弃置邮件 可用
退货与质保 When will I get my refund? Once we receive and approve the return, the refund goes to your original payment method. Allow 5–7 business days from the day we receive it. 帮助中心、政策页 可用
退货与质保 What can't be returned? Custom, final-sale and clearance items. 帮助中心、活动页、定制页 可用
退货与质保 What does the warranty cover? A 2-year limited warranty from delivery covers manufacturing defects in materials and construction on new purchases. Normal wear, fading and pilling aren't covered. 帮助中心、政策页、商品页 可用
退货与质保 How do I make a warranty claim? Email info@magichome.com with your order number and photos of the issue. We usually reply within 24–48 hours on business days. 帮助中心 可用
定制与展厅 How long does a custom order take? Custom orders take 28–70 business days. We email you when it ships. 定制页 可用
定制与展厅 Is the design consultation free? Yes. Book a video call on the Customization page. 定制页、展厅页 可用
定制与展厅 Can I visit a showroom? Yes, on weekdays by appointment. Our showrooms are in Indianapolis, IN; Bohemia, NY; Walnut, CA; Dallas, TX; and Duluth, GA. 展厅页、联系页、欢迎邮件 可用
定制与展厅 Can I see the fabric first? Yes. We mail up to 5 fabric swatches for free. Order them on any product page or on the Customization page. 商品页、定制页、展厅页 可用
定制与展厅 Does custom cost more? Custom pricing depends on the size and fabric. You get a written quote with the drawing, and we don't charge anything until you approve both. 定制页 可用
付款与活动 Do you offer financing? — 帮助中心、商品页、结账弃置邮件 待补：分期合作方、条件和合规说明（页脚现有 Financing 链接）
付款与活动 What if the price drops after I buy? If we lower the price of an item within 7 days of your order, email us and we'll refund the difference once, to your original payment. Clearance, final-sale and display items aren't included. 活动页、帮助中心 可用
付款与活动 Can I combine discount codes? One discount per order. Each sale's terms list what applies. 活动页、结算页 可用（活动条款写“一单一个优惠”时）
联系 How do I reach you? Call or WhatsApp +1 (702) 237-6328, or email info@magichome.com. We usually reply within 24–48 hours on business days. 帮助中心、联系页、全部邮件页脚 可用

评价和顾客照片

环节 怎么做 文案
谁、什么时候 每位买家；最后一箱送达 21 天后请，28 天提醒；有未结工单先暂停 见 02 章“生命周期邮件”的评价请求
请什么 星级、文字、买的形状（下拉选）、可选房间照片 Tell us what you built and how it's going.
奖励 不给 —
照片授权 上传处写清用途和怎么撤回 By uploading, you let Magic Home show your photo with your first name and city on magichome.com and our social accounts. Email us anytime to take it down.
公开 全部按原文公开，包括低分；只按公开的审核规则删 Reviews are shown as written. We remove only reviews with profanity, personal information or nothing about the product.
回复低分 1–2 星一个工作日内公开回复一次，再转客服 Hi [first name], thanks for telling us. We're sorry about the [issue]. We've emailed you at the address on your order so we can fix it. [Agent first name], Magic Home
用在广告和页面 只用真实评价原文和已授权照片，写出买的形状 “[review quote]” · [First name], [city] · [layout]

展厅

项 怎么做
陈列 每个模块化系列摆一种拼法，旁边放另一种拼法的平面图；留出走动和试躺的空间
电动躺椅 通电可试；每个座位旁一张时刻句小卡（Press and hold to recline.）
标识 方格版式：照片格或巧克力格 + 白或深棕文字格；一个标识一个红色标记
价签 商品名公式 · 价格 · 整体尺寸 · 箱数 · Build yours 二维码
话术 先问房间和门宽 → 用平面图或配置器一起搭 → 说清箱数和交期 → 给政策名
不做 手写特价、原价对比、现场承诺政策外的条件

规则清单

编号 规则 ✓ ✗
MGH-SVC-01 对外只给一组联系方式：全站、包装、邮件、平台店铺只列这一组：电话和 WhatsApp +1 (702) 237-6328，邮箱 info@magichome.com，回复时间 “We usually reply within 24–48 hours on business days.” 不写 24/7、24 Hours。 Call or WhatsApp +1 (702) 237-6328 · info@magichome.com 页脚一个 WhatsApp 号码、联系页另一个号码；一处写 24 Hours，一处写 24–48 hours
MGH-SVC-02 回复先给办法：第一句给结论或办法，第二句给时间，第三句说下一步；称呼顾客名字；不用套话道歉，不怪顾客；一次只问一个问题。 Hi Maya, we're sending a replacement seat cushion. It ships Oct 28 and we'll email tracking. We sincerely apologize for any inconvenience this may have caused.
MGH-SVC-03 客服不承诺政策外的东西：退换、质保、运费只用 06 章“政策说法”的句子并给条款页链接；折扣和补偿不在对话里临时承诺。 Here's our return policy: [link]. I've started the request for you. Don't worry, we'll refund everything and you can keep the sofa.
MGH-SVC-04 展厅陈列讲“能变”：每个模块化系列至少摆一种拼法，旁边放另一种拼法的平面图和 Build yours 二维码；电动躺椅样品通电可试，功能用时刻句小卡说明；标识用方格版式。 L 形实物 + 旁边 U 形平面图 “Same pieces, another layout.” 样品摆满不留通道；功能卡写参数表
MGH-SVC-05 展厅价签和话术：价签：商品名公式、价格（规则同 MGH-PX-02）、整体尺寸、箱数、配置器二维码。话术顺序：先问房间和门宽 → 用平面图或配置器一起搭 → 说清箱数和交期 → 给政策名。 Cero Modular Sectional, 6-Piece · $2,080 · 144″ W × 72″ D · Ships in 5 boxes 手写 “特价！原价 $6,999”
MGH-SVC-06 常见问题只答有出处的：帮助中心、商品页、集合页、邮件和客服的常见问题，答案都取“常见问题库”。状态是“待补”的问题不上线，等补到资料再放；客服遇到这类问题，先说会去确认，并给回复时间。 Who pays for return shipping? You do, unless the item is defective or arrived damaged. Can I see the fabric first? Sure, we'll mail free swatches!（还没确认有这项服务）
MGH-SVC-07 评价：每位买家都请，全部按原文公开：最后一箱送达 21 天后请每位买家评价，28 天提醒一次；有未结工单时先暂停。低分评价照样公开，不改字；1–2 星在一个工作日内公开回复一次，然后转客服处理。不给评价奖励。顾客照片要有授权说明。 请全部买家 + 1 星评价下公开回复 “We've emailed you to fix the seat.” 只请五星顾客；三星以下不上墙

11 验收清单

上线、投放、印刷或回复之前，按触点逐条过一遍；括号里是对应规则。全部打勾才发布。

官网首页与集合页

检查 规则
首屏标题先讲模块化；价值主张原句出现在首屏或页脚 MGH-CORE-01、-02
促销只在公告栏或第二屏，不做首屏主标题 MGH-CORE-08
页头、页面、页脚白底；不用辅助色或深棕做整段背景和大色块；近黑只做字；一屏一个深棕主按钮；红色只做标记 MGH-VIS-02、-04、-14
字不压图，放在旁边的实色方格里 MGH-LAY-04、-05
集合页功能写 on select models MGH-CORE-03、PX-01
导航用顾客搜的词：Modular Sectionals、Reclining Sectionals MGH-EN-05

网站页面

检查 规则
页面类型和导航按网站地图；促销只进公告栏 MGH-PX-08
尺寸、箱数贴着加购按钮；送达时间和退货条件下单前看得到 MGH-PX-09
购物车有预估总价；没有预勾加购、倒计时、假库存 MGH-PX-10
政策页顶部有一眼看懂摘要和更新日期 MGH-PX-11
灵感文章一篇回答一个问题，结尾带到对应集合页或商品页 MGH-PX-12

商品页

检查 规则
商品名按公式：系列 + 品类 + 件数 MGH-PX-03
只有一个价格；划线价只在有参考价依据时出现 MGH-PX-02
加购按钮旁有整体尺寸、最大单箱尺寸、门宽提醒 MGH-PX-04
写清箱数和可能分批到达 MGH-PX-05
功能只写这件商品有的，用时刻句 MGH-CORE-03、EN-06
政策句子取自“政策说法”，并链接条款页 MGH-CORE-06

配置器

检查 规则
只给存在的组合；不能选的写原因 MGH-PX-06
平面图有整体尺寸线；选中用描边 + 红色方块 MGH-PX-06、VIS-13
汇总条深棕，Add to cart 白底深棕字 MGH-VIS-04、-14
电动躺椅系列不写 modular MGH-CORE-04

广告

检查 规则
第一句是一个生活变化，最后是 Build yours MGH-CORE-02、EN-02
按投放尺寸出图；Stories/Reels 字和 Logo 在安全区内 MGH-LAY-06
没有无依据的折扣和原价；政策只用“政策说法”的短句 MGH-CORE-06、-08、PX-02
每个卖点有看得见的证据 MGH-CORE-09

邮件与短信

检查 规则
主题一个问题或一个好处，不全大写、不用感叹号 MGH-EN-02、-03
头图方格版式；标题和按钮写在正文里 MGH-LAY-05、-06
政策只用“政策说法”的短句并链接；不放折扣码换评价 MGH-CORE-06、MKT-05
流程按“生命周期邮件”表；浏览弃置和每条流的第一封没有折扣码 MGH-EN-09
有未结工单的人不收营销邮件和评价请求；评价请求发给每位买家 MGH-EN-09、SVC-07

社媒

检查 规则
4:5 帖子，每帖内部用方格；不做跨帖拼图 MGH-LAY-05、-06
一图一句，可以俏皮；功能和数字照样核实 MGH-EN-02、CORE-03
一个画面最多一个红色标记；讲拼法用巧克力格 MGH-LAY-05、VIS-07
画面有家的温度：暖光、木头、织物、有人在用 MGH-CORE-05、LAY-02

电商平台

检查 规则
品牌字段写 Magic Home；标题 50–80 字符，前 50 字符看得出品牌、品类、座位数；没有 Togo、Cloud 等别家产品名和促销词 MGH-MKT-01、CORE-11
七张图按顺序：主图纯白底；有尺寸图和箱子图 MGH-MKT-02
五条卖点，每条 ≤80 字符；属性字段全部填满 MGH-MKT-06、-04
品牌内容不写价格、促销、和别家比较 MGH-MKT-03
不写官网的政策数字 MGH-MKT-04
不用折扣换好评 MGH-MKT-05

包装与随箱物料

检查 规则
箱体只印两色主标，或贴箱标 MGH-PKG-01
每箱有箱标：第几箱、件名、件号、小俯视图 MGH-PKG-02
拼装说明一步一张图，编号和箱标一致 MGH-PKG-03
随箱卡片没有折扣码，客服邮箱是 info@magichome.com MGH-PKG-04、SVC-01

客服

检查 规则
第一句给办法，第二句给时间 MGH-SVC-02
政策只用“政策说法”并给链接；不临时承诺补偿 MGH-SVC-03
联系方式和回复时间全站一致：+1 (702) 237-6328 · info@magichome.com MGH-SVC-01
常见问题答案取自“常见问题库”；待补的问题不上线 MGH-SVC-06
评价全部按原文公开；1–2 星一个工作日内回复 MGH-SVC-07

展厅

检查 规则
模块化系列旁有另一种拼法的平面图和 Build yours 二维码 MGH-SVC-04
价签按格式；没有手写特价和原价对比 MGH-SVC-05、PX-02
电动躺椅可试，功能卡用时刻句 MGH-SVC-04、EN-06

BrandCore

79 brand rules by chapter, each with do and don't

ChocolateGrid

Deep brown blocks like a chocolate bar: one block is one sofa piece. Break one off to show add or take away.

MessagingHouse

The promise, three pillars with proof and ready-to-use lines, and the brand personality

Supersymbol

The 2×3 grid: letter H + module + extension. The identity graphic; ChocolateGrid shows how pieces change.

TouchpointChecklist

Acceptance checklist by touchpoint: tick every line before anything goes live

BrandFaceTouchpoints

The same Magic Home across touchpoints: collection page, welcome email, e-commerce listing, box label, insert card, showroom tag and a service reply

Page01Home

Homepage, everyday: brand hero, before-you-order row, shop by shape, bestsellers, modular, features, shop the room, delivery, reviews, customization, Home Ideas

Page01HomeBlackFriday

Homepage during Black Friday Early Access: brand hero, then the offer band with the five savings levels

Page02Collection

Collection: filters by shape, color and width, product cards with real renders and door width, size guide, three checks, FAQ

Page03Product

Product page: gallery, one price, layout and color pickers, will-it-fit facts by Add to cart, features, size and boxes, reviews, questions

Page04Customization

Customization: before and after, four steps, Home Solution consultation and designer cases, request form, FAQ

Page05Sale

Black Friday Early Access: savings levels with an example, picks, every layout with its saving, how prices are shown, terms

Page06Support

Support hub: search, quick links, one set of contacts, delivery, returns and warranty in plain words, guides, FAQ

Page07Policy

Policy page: contents, last-updated date, at-a-glance table, full text, contact

Page08Contact

Contact page: one set of contacts beside the form, form with order number, topic and photos, showroom link, top questions

Page09Showrooms

Showrooms page: five locations by appointment, what you can do in one visit, video call, shipping and next steps

Page10About

About page: brand story, three pillars, what we promise, Magic Home today, safety, reviews, Build yours

Page11HomeIdeas

Home Ideas: topics by question, featured guide, cards with read time; article template with contents, author, tips, FAQ and one product module

Page12Cart

Cart page: lines with boxes and width, door check, automatic saving, optional protection unticked, checkout shows the total, empty state

Page13Utility

Utility pages: 404 with the missing chocolate piece, search results, no results, order tracking

ColorPairs

Which text and color pairs to use, with live contrast from the tokens

ColorRoles

Locked color card plus the warm neutrals, the 60 / 30 / 10 split, and which token does which job

GridAndShape

8px grid, the fixed 8px seam, zero radius, borders instead of shadows

Iconography

Lucide line icons, 1.5px stroke, square caps and mitred joins

PrimaryAction

CTA color: deep brown #3F1A03 with a white label. White version on deep brown surfaces.

TypeScale

The 12 locked text styles: Montserrat for headings, Archivo for body

ImageryDirection

What to shoot: the rebuild sequence, lived-in rooms, top views, feature moments and product shots

TileLayouts

Tile layouts for the website hero, Meta and Instagram formats, Stories with safe zones, email and carousels

ChineseKeyPages

Chinese (zh-Hans-US) for the homepage, configurator and key landing pages: zh-* styles and sample copy

ConfiguratorB

Guided steps for modular sets and reclining seat options. Sample data.

Button

Primary deep brown, secondary, outlined, ghost and inverse; 48 / 40 / 32; loading and disabled

IconButton

Icon-only buttons with a required label; 48 / 40 / 32, square

Checkbox

Square box, brown when checked; filters with counts

FileUpload

Photos for a return, a warranty claim or a custom request

PromoCode

Discount code: entry, error, applied (sample code)

QuantitySelector

Stepper for cart lines and add-on pieces; 40 / 32

Radio

Single choice; square with a red selected mark (zero radius)

Select

Button and listbox, or native select for long lists

TextField

Label above, hint, error; 48 / 40; input text always 16px

Textarea

Multi-line input with a character count

Badge

Ink (Washable), accent (Sale, New), neutral, sold out; one per card

BundleItem

Pieces in a layout: core pieces always included, add-ons never pre-checked

CartLine

Cart line with layout, color and boxes; quantity, remove with undo

ConfigurationPicker

Layout picker: the same pieces in four layouts, drawn with the chocolate grid

DeliveryEstimate

Delivery line by status, in the policy wording

DeliveryTimeline

Ordered, ships, arrives; stacks on mobile (sample dates)

FinancingMessage

Slot for the financing partner’s approved wording; renders nothing without it

FitFacts

Magic Home: overall size, largest box and box count next to Add to cart

OptionGroup

Text options as a radio group: selected = 2px border + red mark

OrderSummary

Subtotal, sale savings, free shipping, taxes at checkout, estimated total, one Check out

PayMarks

Accepted payment methods as listed in the footer

Price

One price; whole dollars on product pages, cents in the cart; reference price only when substantiated

Rating

Stars in deep brown with an accessible label (sample values)

SwatchPicker

Cover swatches with the name beside the label; Order free swatches

TrustBar

Before you order: free shipping, 30-day returns, 2-year warranty, fits through doors

AddedToCart

Drawer after Add to cart: what was added, boxes, View cart or Keep shopping

Alert

What happened, then the next step; error with a red border and icon

EmptyState

The chocolate grid with a missing piece, then one next step

Skeleton

Static placeholders while content loads: no shimmer

PostCard

Home Ideas articles: category and read time, title, one question per article

ProductCard

Layout · seats · width · boxes; one price; real render; standard and compact

RoomCard

Customer rooms and shape tiles; the label sits under the image, not on it

SetCard

Sofa sets and ready-made combinations with the piece count

SwatchCard

Free cover swatches, up to 5 per order; card and chip

Accordion

Questions and answers from the FAQ library

AnnouncementBar

Sale name, end date and link; with no sale, free shipping

Breadcrumb

Home / collection / product; collapses to Back on mobile

Drawer

Side panel for filters, the menu and the mini cart

FilterBar

Shape chips, Filters, result count, sort, applied filters

Header

White header, primary logo, seven nav items, search, account, cart; menu below 1280px

LoadMore

Show more with how many are shown

Tabs

Product details in tabs: dimensions, in the box, care

Art

The media slot: brand photo crop, chocolate grid or cover color

Icon

Lucide, 1.5px stroke, square caps, mitred joins; 16 / 20 / 24

Image

Ratio frame for photos (crops of the brand photo here) or the chocolate grid

ShapeIcon

Magic Home: the chocolate grid, one square per piece; a missing piece for empty states

CTABanner

Outlined white emphasis tile with one brown button, or photo beside a white card

FeatureList

Features with icons (comfort, on select models) or numbered steps

HelpFAQ

Questions before you order from the FAQ library, with one set of contacts

Hero

Homepage: the photo fills the width with the card on its lower left; landing pages: photo beside a solid card

MediaWithText

Photo and text side by side in two tiles

ProductRail

A scrollable row of product cards with square controls

ReviewsSummary

Reviews as written, low scores included; the verified badge only when the platform marks the buyer

SectionHeader

Eyebrow with the red mark, title, intro, link

ShopTheLook

The pieces in a room photo, each at its own price

Steps

Numbered steps drawn as chocolate pieces; vertical for policies