Back to Details

brand-style

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Brand Style

品牌风格

One place the owner controls how everything looks and how everything is delivered. Set once during onboarding, changed any time after with one sentence.
所有者集中控制所有内容外观和交付方式的地方。首次引导时设置一次，此后随时可通过一句话更改。

Step 1 — Show what is set now

第 1 步——显示当前设置

Read the 
## Business context
block. If Brand colors, Logo, or Output preference exist, play them back in plain words first: "Right now your pages use a deep green and cream with your leaf logo, and you get visual pages. What's changing?" An owner updating one thing should not re-answer the rest.
If nothing is stored yet (first run, usually inside 
smb-onboard
), skip straight to capture.
读取 
## Business context
区块。如果存在 Brand colors、Logo 或 Output preference，先用通俗语言回显：“目前您的页面使用深绿色和米白色，并配有叶片 Logo，您接收的是可视化页面。需要更改什么？”仅更新某一项内容时，不应要求所有者重新回答其他问题。
如果尚未存储任何内容（首次运行，通常位于 
smb-onboard
中），直接进入品牌采集步骤。

Step 2 — Capture the brand, frictionlessly

第 2 步——轻松采集品牌信息

Two paths, both costing the owner almost nothing:
  • A website link. Fetch the site (WebFetch) and pull the logo URL, primary brand colors (from the CSS, theme, or social-preview image), and tagline. The owner does nothing but paste the link. Guidance in 
    ../smb-onboard/reference/website-research.md
    .
  • A plain-words description. "Forest green and cream," "navy and warm gray," "like a modern law firm." Translate the words to real colors yourself.
Never ask for hex codes, color pickers, or file uploads. Branding costs one pasted link or one spoken sentence, nothing more. "Skip" is always an answer and means the clean house default.
提供两种方式，几乎不需要所有者额外操作：
  • 网站链接。 获取该站点（WebFetch），提取 Logo URL、主要品牌颜色（来自 CSS、主题或社交预览图）以及标语。所有者只需粘贴链接即可。详细说明参见 
    ../smb-onboard/reference/website-research.md
    。
  • 自然语言描述。 例如“森林绿和米白色”“海军蓝和暖灰色”“类似现代律师事务所的风格”。自行将这些描述转换为实际颜色。
**绝不要求提供十六进制代码、使用取色器或上传文件。**设置品牌只需粘贴一个链接或说一句话，无需其他操作。“跳过”始终是有效选项，表示恢复为默认方案。

Step 3 — Preview before saving

第 3 步——保存前预览

Render a small sample page as an HTML artifact in the house style (
../../shared/artifact-style.md
) with the candidate brand applied — a title, one stat tile, a short table, a status pill — so the owner sees the look on real components, not a color swatch. Ask one question: "Match?"
If they adjust ("darker green," "less cream"), apply and re-preview. This loop is cheap; a wrong brand on every future page is not.
按照统一风格（
../../shared/artifact-style.md
），将一个小型示例页面渲染为 HTML artifact，并应用候选品牌——包含标题、统计卡片、简短表格和状态标签——让所有者通过真实组件查看效果，而不是只看颜色色块。只问一个问题：“匹配吗？”
如果他们进行调整（“更深的绿色”“少一点米白色”），应用修改并重新预览。这个循环成本很低；而未来每个页面都使用错误品牌的代价却很高。

Step 4 — Ask how outputs should arrive

第 4 步——询问输出交付方式

The six-way choice, as a multiple choice (skip if the owner only came to change colors and the preference is already stored):
  1. Visual artifacts — styled pages viewed right here (the default)
  2. Word docs — DOCX files to download
  3. Markdown — plain .md files to download
  4. Notion — pages created in their Notion workspace (needs the Notion connector; ask where in the workspace they should land)
  5. Canva — Canva Docs created in their Canva account (needs the Canva connector; if it is connected, run 
    list-brand-kits
    and ask once which brand kit to apply, or none; if not, the first skill that delivers to Canva asks)
  6. Best for the skill — each skill picks what fits its job
Store the answer verbatim as one of: 
visual artifacts
, 
docx
, 
md
, 
notion
, 
canva
, 
best for skill
. If they pick Notion or Canva and that connector is not connected, store it anyway, say deliverables fall back to visual artifacts until it is connected, and offer to help connect it.
以多选形式提供六种选择（如果所有者只是来更改颜色且偏好已经存储，则跳过）：
  1. 可视化产物——可在当前界面直接查看的样式化页面（默认）
  2. Word 文档——可下载的 DOCX 文件
  3. Markdown——可下载的纯 .md 文件
  4. Notion——在其 Notion 工作区中创建页面（需要 Notion connector；询问页面应保存到工作区的哪个位置）
  5. Canva——在其 Canva 账号中创建 Canva Docs（需要 Canva connector；如果已连接，运行 
    list-brand-kits
    并一次性询问要应用哪个 brand kit，也可以选择不使用；如果尚未连接，则由第一个要向 Canva 交付内容的 skill 发起询问）
  6. 最适合该 skill——每个 skill 自行选择适合其任务的形式
将回答原样存储为以下值之一：
visual artifacts
、
docx
、
md
、
notion
、
canva
、
best for skill
。如果他们选择 Notion 或 Canva，但对应 connector 尚未连接，仍要存储该选择，说明在连接完成前交付内容会回退到可视化产物，并主动提供连接帮助。

Step 5 — Save, with approval

第 5 步——经确认后保存

Show what will be stored — Website, Brand colors, Logo, Output preference, and Canva brand kit (name and id) when the preference is Canva — and wait for the yes. Then update only those fields in the 
## Business context
block, using the exact field names in 
../smb-onboard/reference/onboard-checklist.md
. Never touch the other fields, and never overwrite silently.
Close with the effect, not the mechanics: "Done — every page and document from here on uses the new look."
显示将要存储的内容——Website、Brand colors、Logo、Output preference，以及偏好为 Canva 时的 Canva brand kit（名称和 id）——并等待用户回答“是”。然后仅更新 
## Business context
区块中的这些字段，并严格使用 
../smb-onboard/reference/onboard-checklist.md
 中的确切字段名。绝不改动其他字段，也绝不在未告知的情况下覆盖。
最后说明最终效果，而不是技术细节：“已完成——从此以后，每个页面和文档都会使用新的视觉风格。”

What not to do

不要执行的操作

  • Do not ask for hex codes, pickers, or uploads. One link or one sentence, always.
  • Do not re-run the whole interview. This skill changes look and delivery, nothing else — an owner who says "update my brand" is not signing up for onboarding again.
  • Do not save without the preview and the yes. A brand applied to every future page deserves one confirmation.
  • Do not restyle old deliverables. The change applies from now on; never claim past documents were updated.
  • **不要要求提供十六进制代码、使用取色器或上传文件。**始终只需一个链接或一句话。
  • **不要重新执行整套引导对话。**此 skill 只更改视觉风格和交付方式；所有者说“更新我的品牌”并不代表要重新进行引导。
  • **不要在没有预览和确认的情况下保存。**一项将应用到未来每个页面的品牌设置，值得进行一次确认。
  • **不要为旧交付内容重新设置样式。**变更仅从现在起生效；绝不能声称过去的文档也已更新。

After the update

更新完成后

One line on what changed. The natural next step is seeing it live: offer "Monday brief" (
/monday-brief
) or "how's the business doing?" (
business-pulse
) so the first branded page arrives immediately. Never more than three offers; never repeat one declined this session.
用一行说明变更内容。自然的下一步是实时查看效果：提供“Monday brief”（
/monday-brief
）或“业务状况如何？”（
business-pulse
），让第一个带有品牌风格的页面立即呈现。最多提供三个选项；本次会话中绝不重复用户已经拒绝的选项。