品牌标识 · Logo
标识与安全背景
第 04 节说的「品牌绿 #C6E44E」就是这只猫。主标识用于品牌露出,横版用于页眉和物料,圆形标用于头像和图标。
圆形标头像、App 图标、收藏夹
横版标识页眉、窄空间
横版 + 口号Banner、首屏
含网址广告、名片、落地页
Catati.
纯文字标识
字标
没有猫头图形时的备选:Poppins 800 字重,句点用主色 #F25C4E。适合极窄空间、页脚、水印、单色印刷,或需要克制、现代感的场景。不与猫头标识同时出现。
安全背景(每种底色搭配可用的标识变体)

浅底 · 默认,任意变体

深底 · 用反白版

绿底 · 点缀,用圆形标
四周留白不少于猫头高度的四分之一;圆形标最小 32px,横版最小宽度 120px。深色背景必须用反白版:只把文字(字标和口号)翻成 #FCFFF5,猫头本身不变——它有绿色圆底托着,在任何背景上都清晰。含网址版(catati.co.nz)自带白底,只用在浅色背景。不拉伸、不改色、不加阴影、不换字体。
📌 说明:Logo 已统一为 第 04 节 标准色(正文 #2C2C2C + 主色 #F25C4E + Logo 绿 #C6E44E)。Logo 猫是卡通形象,属 第 07 节「禁用低幼卡通猫」的唯一例外(标识本身),插画/配图仍按 第 07 节 执行。
01 · 品牌核心
一句话说清 Catati 是什么
所有设计判断都从这一句开始——不符合这句话的方向,就不是 Catati。
新西兰本地猫专属品牌,提供经过筛选、实用可信、让猫喜欢的猫用品与猫护理体验。
01
专注猫
只做猫,不做猫狗混杂的综合宠物,一眼就是猫品牌。
02
认真选品
经过筛选的实用好物,不堆量、不甩卖,帮猫主人省心。
03
本地可信
真实在新西兰本地运营,买得放心,不像廉价代发。
04
干净实用
干净、温暖、有性价比,不廉价也不高冷。
延伸关键词——设计时围绕这些感觉:
猫专属
新西兰本地
干净
可信
温暖
实用
专业
有性价比
真实
现代但不冷淡
可爱但不幼稚
02 · 品牌定位
比什么更专业,比什么更亲民
Catati 处在四条边界之间——不倒向任何一个极端。
廉价淘宝 / 拼多多促销风
微商海报风
大型综合宠物超市
低幼卡通宠物品牌
高冷奢侈宠物家具品牌
兽医诊所感
AI 生成的假猫品牌
信息堆满的促销页
03 · 视觉优先级
设计取舍时,按这个顺序判断
不要为了「好看」牺牲清楚度,也不要为了「促销」牺牲信任感。
04 · 色彩方向
色板与使用比例
干净、明亮、温暖、可信、有活力——但不廉价。
主色
按钮、视觉焦点,占 5–10%,克制使用
品牌绿
品牌点缀,不超过 5%,不做大面积背景
背景 60–75%
文字 15–25%
主色 5–10%
绿 ≤5%
⚠️ 一张图中不要让 #F25C4E 和 #C6E44E 同时大面积竞争,避免画面过吵。
🔎 可读性:白字放在主色 #F25C4E 上,对比度约 3.3∶1——只够用于 18px 以上的加粗按钮或大标题(达到 WCAG AA 大字号标准)。小号白字不要直接压在主色上;正文用 #2C2C2C 压浅色背景(对比度 12∶1 以上)。品牌绿 #C6E44E 太浅,任何字号都不要在上面放白字。
✓ 12∶1正文可读深色字压浅底,任意字号
✓ 3.3∶1大标题 / 按钮白字压主色,仅限大字加粗
✗ 小字这行 11px 白字压在主色上,边缘发糊、不达标——别这样用。
✗ 1.4∶1白字压品牌绿几乎看不清,任何字号都不行
05 · 字体与排版
标题、正文与中文字体搭配
Poppins 更有力量,适合标题和按钮;Raleway 更轻盈,适合辅助说明;中文统一用现代黑体。
英文标题 / 按钮 — Poppins(SemiBold 至 Bold)
Cats Loving It
适用:Banner 主标题、广告标题、卖点标题、按钮
英文正文 — Raleway(Regular 至 Medium)
Catati-selected for everyday cat homes.
适用:副标题、产品说明、图注、小号信息
中文标题 — 思源黑体 / Noto Sans SC / 阿里巴巴普惠体(中粗至粗体)
让猫喜欢的日常猫用品
现代、清楚、易读;不低幼、不手写、不书法、不用促销花字
中文正文(常规至中等字重)
为新西兰猫家庭精选,干净实用,让养猫更省心。
以中文为主时,英文只作辅助,不抢主信息
06 · 图片与摄影方向
参考图:符合 Catati 方向的两类拍法
以下是符合猫图规则和产品图规则的方向参考(图片来自 Pexels 免版权图库,仅供风格参照;正式物料建议实拍真实的猫和产品)。
猫图方向
自然光、姿态放松、背景干净不杂乱——符合「表情自然、不惊恐、不夸张」的规则,是生活场景类猫图的参照标准。
摄影:Muhammad Khawar Nazir / Pexels
产品图方向
品类不同(护肤品),但布光和构图逻辑通用:柔和阴影、留白充足、产品居中不拥挤——对应「清晰、干净、比例合理」。
摄影:Daniel & Hannah Snipes / Pexels
AI 图片规则:AI 图最多作为辅助视觉,不能替代真实产品和真实猫图;不允许出现五官异常、比例失真、过度完美却不真实的场景。这类「反面」情况没有合适的真实参考图,做设计前对照文字规则自检即可。
07 · 插画与图形元素
插画猫可以用,但必须克制
插画只作辅助,增加亲和力,而不是把品牌做成低幼卡通。线条简洁、克制,别抢产品。
允许
- 简洁线条猫、小型辅助插画
- 温和猫爪、猫耳、猫尾巴图形
- 简单功能图标,解释卖点
禁区
- 低幼卡通猫、表情包猫
- 淘宝卖萌风、儿童用品感
- 复杂插画场景、大量贴纸堆叠
08 · 文案语气与卖点表达
像懂猫的人在帮客户选择,而不是夸张推销
文案分三档:默认放心用、有证据才用、坚决不用。拿不准时往上一档走。
✓ 默认放心使用
让猫喜欢Catati-selectedquality-vetted
chosen for cats为新西兰猫家庭精选干净实用的猫用品认真为猫选择
△ 只有明确证据时才能用
hotel-testedbest / No.1100% / guaranteed
vet-approvedodour-free / dust-freeclinically tested
× 不要使用
疯抢 / 秒杀全网最低猫咪都馋哭了
神器 / 奇迹99% 猫主人不知道保证有效恐吓式营销
09 · 常用物料速查
不同物料,不同目标
先判断物料类型,再套结构——不要全部做成同一种海报。
Banner
网站 Banner
主标题 + 辅助说明 + 产品或猫图 + 按钮 + Logo。手机端裁切后主标题不能消失。
产品页
产品页图片
一张图只讲一个核心卖点。标题短、说明具体,别堆图标。
广告
Meta / IG 广告
1–3 个辅助卖点 + 按钮,第一眼说清利益点,别做成折扣导向。
小红书
小红书封面
强标题 + 小副标题 + 猫或产品图,像有用的内容,不做标题党。
微信
微信朋友圈海报
主标题 + 核心信息 + 时间/优惠/地点 + 按钮,直接清楚,别有微商感。
评价
用户评价图
真实评价摘录 + 客户标签 + Logo,排版克制,像真实的客户声音。
10 · 通用设计公式
四种场景,四条公式
先认准物料属于哪一型,再套对应公式,快速搭出符合品牌的结构。
品牌型设计
产品型设计
内容型设计
信任型设计
全部规则合在一起 · 实战范例
同一条 Banner:正确与错误对比
这不是新规则,而是把第 04 节的色彩比例、第 05 节的字体、第 06 节的真实猫图、第 08 节的文案语气放进同一张物料里——一眼看出「像 Catati」和「不像」的差别。
✓ 像 Catati
Catati-selected
为新西兰猫家庭
精选的日常猫砂
干净、少粉尘、好打理——让养猫更省心。
看看这款 →
- 以浅色为主,主色只用在一个按钮上(第 04 节比例)
- Poppins 做小标题、思源黑体做中文粗标题(第 05 节)
- 用「Catati-selected / 精选」这类默认可用文案(第 08 节)
- 真实猫图、姿态自然、背景干净(第 06 节)
× 不像 Catati
全网最低
😻🔥🐱
猫咪都馋哭了!
99% 猫主人还不知道的神器 · 疯抢中
立即秒杀 ¥9.9
- 主色和品牌绿满屏对撞、没有留白(违反第 04 节)
- 花字描边、表情包、阴影(违反第 05、07 节)
- 用了「全网最低 / 秒杀 / 神器」等禁用文案(违反第 08 节)
- 促销恐吓语气,缺乏真实感(违反第 01 节的「可信」)
11 · 提交前自检
设计交付前,逐条打勾
交付前对照这份清单逐条确认,任何一条不过,就先别交。
优先使用 Catati-selected / quality-vetted
12 · 设计风格禁区
五种一眼出局的风格
这些方向都违背「干净实用的猫专属新西兰品牌」,任何物料都不应落入。
禁区
廉价电商风
大红大黄、爆炸贴、夸张折扣字、满屏价格、「全网最低 / 秒杀 / 清仓甩卖」、过多感叹号。
禁区
低幼卡通风
太多卡通猫、儿童用品感、表情包风格、过度卖萌、可爱到不专业。
禁区
过度奢华风
太冷淡、太高端家居、太像奢侈家具或时尚杂志,让日常猫用品显得距离感太强。
禁区
综合宠物超市风
猫狗混杂、多品类的大卖场感、没有猫专属识别。
禁区
AI 假图风
假猫、假产品、假生活场景、过度完美却不可信、一眼能看出是生成图。
13 · 设计师执行流程
拿到需求后,按五步走
先判断、再执行——不同物料目标不同,不应全部做成同一种海报。
判断物料类型
Banner / 产品页 / 广告 / 小红书 / 朋友圈 / 公众号 / 促销 / 评价图……
确定主要目标
每张图只一个目标:认知 / 点击 / 购买 / 咨询 / 种草 / 教育 / 信任。不清楚就先问需求方。
确定核心信息
只保留最重要的:主标题 → 核心卖点 → 产品/猫/场景 → 信任点 → 行动按钮。
套用 Catati 视觉判断
边做边查:猫专属?干净?可信?实用?温暖?有性价比?像 Catati?
提交前自检
对照第 11 节自检清单逐条打勾,全部通过才交付。
14 · 如何下达设计任务
本指南 + 一份具体任务单
指南定方向,任务单定这一张图。一份合格的任务单应包含以下字段。
物料类型
使用场景
目标
主题
主要文案
必须出现的信息
尺寸
图片素材
按钮文案
特别限制
示例任务单
请根据《Catati 品牌创意方向指南》,设计一张 Shopify 首页 Banner。
物料类型:网站 Banner · 使用场景:Shopify 首页
主题:Catati-selected 猫砂 · 目标:提高点击和购买兴趣
主标题:让猫喜欢的日常猫砂
辅助文案:为新西兰猫家庭精选,干净实用,让养猫更省心
按钮文案:立即选购 · 尺寸:桌面端 + 手机端
风格要求:干净、猫专属、可信,不要廉价促销风
图片素材:使用提供的产品图和真实猫图
限制:不要用 hotel-tested;不要用 dust-free / odour-free 等绝对化说法
15 · 最终判断标准
合格 ≠ 好看,而是同时满足
一个 Catati 设计是否合格,看它是否同时满足这十条。