Back to Details

canva-brand-check

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Brand Checker

品牌检查器

Compare a design against the user's brand kit and report, point by point, where it follows the brand and where it drifts. This is a specialised, brand-aware version of 
canva-design-feedback
: same read-only "read the design, then critique" core, but the rubric is the brand kit. It never edits the design.
将设计与用户的品牌套件进行逐项对比，报告符合品牌规范和存在偏差的地方。这是
canva-design-feedback
的专属品牌检查版本：核心逻辑同样是「读取设计后给出评审」的只读模式，但评审依据为品牌套件。它永远不会编辑设计。

The brand-kit data gap — read this first

品牌套件数据缺口——请先阅读

Canva:list-brand-kits
is documented to return brand kit IDs, names, and thumbnails. It may NOT return the machine-readable palette (hex values) and font families. Your approach depends on what you actually get back:
  • If the kit exposes colors/fonts → use those exact hex codes and font names as the rubric (precise check).
  • If it only exposes a thumbnail/name → you cannot do an exact hex/font match. Fall back to a visual comparison against the kit thumbnail, and ASK the user to paste their brand colors (hex) and fonts so you can check precisely. Be explicit that, without those, the color/font findings are approximate.
Never invent brand colors or fonts. If you don't have the real values, say so.
根据文档说明，
Canva:list-brand-kits
会返回品牌套件的ID、名称和缩略图，但可能不会返回机器可读的调色板（hex值）和字体族。你的处理方式取决于实际返回的内容：
  • 如果套件提供了颜色/字体 → 使用这些精确的hex编码和字体名称作为评审依据（精确检查）。
  • 如果仅提供了缩略图/名称 → 无法进行精确的hex/字体匹配。请转为与套件缩略图进行视觉对比，并要求用户粘贴其品牌色（hex）和字体，以便进行精确检查。需明确告知用户：缺少这些信息时，颜色/字体的检查结果仅为近似值。
绝对不要编造品牌颜色或字体。如果没有获取到真实数值，请直接说明情况。

Reading the design's actual colors and fonts

读取设计的实际颜色与字体

Canva:get-design-content
returns text only — not colors or fonts.
  • A read-only editing transaction (
    Canva:start-editing-transaction
    → inspect → 
    Canva:cancel-editing-transaction
    , always cancel) reliably gives element text, positions, and sizes.
  • Colors and fonts are NOT reliably exposed by the transaction — tested: it often returns only text + position + dimension, with no color/font attributes. So the thumbnail is your primary evidence for color and typography. Use any style data the payload happens to include, but never assert a design's hex or font as fact unless it was actually in the payload.
Because both the brand kit (see the gap above) AND the design itself frequently lack machine-readable colors/fonts, brand-check is often a visual comparison (design thumbnail vs. brand-kit thumbnail) plus the user-supplied palette/fonts. Use 
Canva:get-design-thumbnail
for logo placement and overall visual tone.
Canva:get-design-content
仅返回文本内容——不包含颜色或字体信息。
  • 只读编辑事务（流程为
    Canva:start-editing-transaction
    → 检查 → 
    Canva:cancel-editing-transaction
    ，始终执行取消操作）可可靠地获取元素的文本、位置和尺寸。
  • 该事务无法稳定返回颜色和字体信息——经测试：它通常仅返回文本+位置+尺寸，不包含颜色/字体属性。因此，缩略图是你检查颜色和排版的主要依据。你可以使用返回payload中碰巧包含的任何样式数据，但除非payload中确实存在相关信息，否则绝对不要断言设计的hex值或字体是确定的。
由于品牌套件（见上文的数据缺口）和设计本身通常都缺少机器可读的颜色/字体信息，品牌检查通常是视觉对比（设计缩略图 vs 品牌套件缩略图）结合用户提供的调色板/字体的方式进行。使用
Canva:get-design-thumbnail
来检查Logo摆放位置和整体视觉调性。

Workflow

工作流程

Step 1: Resolve the design

步骤1：解析设计

Short link → 
Canva:resolve-shortlink
; full URL → extract ID; raw 
D...
ID → use directly; otherwise ask.
短链接 → 调用
Canva:resolve-shortlink
；完整URL → 提取ID；原生
D...
格式ID → 直接使用；其他情况询问用户。

Step 2: Get the brand kit

步骤2：获取品牌套件

  • Canva:list-brand-kits
    . If several, ask which one (or infer from team/context).
  • Capture whatever the kit exposes (name, thumbnail, and colors/fonts if present).
  • Apply the data-gap handling above. If scopes are missing (e.g. "Missing scopes: [brandkit:read]"), tell the user to disconnect and reconnect the Canva connector to refresh the token.
  • 调用
    Canva:list-brand-kits
    。如果有多个，询问用户要使用哪一个（或根据团队/上下文推断）。
  • 收集套件返回的所有信息（名称、缩略图，以及颜色/字体如果存在的话）。
  • 采用上文提到的数据缺口处理方式。如果缺少权限范围（例如 "Missing scopes: [brandkit:read]"），告知用户断开并重新连接Canva连接器以刷新token。

Step 3: Read the design

步骤3：读取设计

  • Canva:get-design-thumbnail
    for visual/logo/tone.
  • Read-only transaction (start → inspect → cancel) for the actual colors and fonts in use.
  • 调用
    Canva:get-design-thumbnail
    获取视觉效果、Logo和调性信息。
  • 通过只读事务（启动 → 检查 → 取消）获取实际使用的颜色和字体。

Step 4: Compare against the brand

步骤4：对照品牌规范对比

Check each dimension and mark On brand / Off brand / Can't verify:
  • Color — are fills/text/accents within the brand palette? Flag off-palette hexes (and the nearest brand color).
  • Typography — do fonts match brand fonts? Flag non-brand families and inconsistent sizing/weight usage.
  • Logo — present where expected, correct version, not stretched/recolored/crowded (visual check from thumbnail).
  • Tone & copy — does the wording match the brand voice the user describes?
  • Consistency — is brand application consistent across all pages?
Use Can't verify honestly whenever the kit didn't expose the data and the user hasn't supplied it.
检查每个维度，并标记为符合品牌规范 / 不符合品牌规范 / 无法验证：
  • 颜色 — 填充色、文本色、强调色是否在品牌调色板范围内？标记出调色板外的hex值（以及最接近的品牌色）。
  • 排版 — 字体是否与品牌字体匹配？标记出非品牌字体族以及不一致的字号/字重使用。
  • Logo — 是否在预期位置出现、版本是否正确、未被拉伸/改色/拥挤（通过缩略图进行视觉检查）。
  • 语气与文案 — 措辞是否符合用户描述的品牌调性？
  • 一致性 — 所有页面的品牌应用是否一致？
只要套件未提供相关数据且用户也未补充，就如实标记为无法验证。

Step 5: Report

步骤5：输出报告

undefined
undefined

Brand check — "<design title>" vs "<brand kit name>"

Brand check — "<design title>" vs "<brand kit name>"

Overall: ⚠️ Mostly on brand, 3 issues
Overall: ⚠️ Mostly on brand, 3 issues

Off brand

Off brand

  • [Color] Page 2 heading is #1A73E8 — not in palette. Nearest brand color: #0B5CD7.
  • [Font] Page 4 body uses Arial; brand body font is Inter.
  • [Color] Page 2 heading is #1A73E8 — not in palette. Nearest brand color: #0B5CD7.
  • [Font] Page 4 body uses Arial; brand body font is Inter.

Can't verify (need input)

Can't verify (need input)

  • Brand kit didn't expose hex values. Paste your palette + fonts for an exact check, or confirm the colors above against your guidelines.
  • Brand kit didn't expose hex values. Paste your palette + fonts for an exact check, or confirm the colors above against your guidelines.

On brand

On brand

  • Logo placement and cover treatment match the kit.
undefined
  • Logo placement and cover treatment match the kit.
undefined

Step 6: Offer to fix

步骤6：提供修复方案

Offer to correct the API-fixable issues via 
canva-edit-design
 — note that the API can change text color and font size/weight/style, but CANNOT change font family or background colors (those are manual in Canva; see 
canva-edit-design
).
主动提出通过**
canva-edit-design
修复可通过API解决的问题——注意：API可以修改文本颜色和字体的字号/字重/样式**，但无法修改字体族或背景色（这些操作需要在Canva中手动完成；参见
canva-edit-design
）。

Rules

规则

  • Read-only: always 
    cancel-editing-transaction
    after inspecting. Never commit.
  • Never fabricate brand values — use the kit's real data or what the user provides, otherwise mark Can't verify.
  • Always name the specific page/element and the offending value vs. the brand value.
  • Distinguish hard violations (wrong logo, off-palette color) from soft ones (slightly inconsistent spacing).
  • 只读原则：检查完成后始终调用
    cancel-editing-transaction
    ，绝对不要提交。
  • 绝不编造品牌数值——使用套件的真实数据或用户提供的信息，否则标记为无法验证。
  • 始终指明具体的页面/元素，以及违规值和对应的品牌标准值。
  • 区分严重违规（Logo错误、颜色超出调色板）和轻微问题（间距略有不一致）。