146 lines
3.9 KiB
Markdown
146 lines
3.9 KiB
Markdown
# 品牌VI约束模板
|
||
|
||
## 约束级别：P1
|
||
|
||
此约束确保所有图片符合Touchdog品牌视觉识别规范。
|
||
|
||
---
|
||
|
||
## Logo体系
|
||
|
||
### 产品刺绣Logo（出现在产品上）
|
||
- **文字**: TOUCHDOG®（大写，带®符号）
|
||
- **位置**: 产品右侧花瓣区域（2-3点钟方向）
|
||
- **样式**: 刺绣效果，凹陷质感
|
||
- **颜色**: 与产品主色协调的深色调
|
||
|
||
### 电商图片Logo（出现在图片角落）
|
||
- **图形**: 红色心形狗狗造型
|
||
- **文字**: touchdog®（全小写，带®符号）
|
||
- **标语**: wow pretty（国际版）
|
||
- **组合**: 图形 + 文字 + 标语
|
||
|
||
---
|
||
|
||
## Logo颜色适配规则
|
||
|
||
```
|
||
=== BRAND LOGO COLOR ADAPTATION ===
|
||
|
||
Determine background brightness and apply correct logo color:
|
||
|
||
IF background_brightness > 60% (light background):
|
||
→ Use RED logo (#E60012)
|
||
→ Red graphic icon + black "touchdog®" text
|
||
|
||
IF background_brightness < 50% (dark background):
|
||
→ Use WHITE logo
|
||
→ White graphic icon + white "touchdog®" text
|
||
|
||
IF background_brightness 50-60% (medium):
|
||
→ Evaluate contrast and choose accordingly
|
||
→ Prefer the option with better visibility
|
||
|
||
=== END LOGO COLOR ADAPTATION ===
|
||
```
|
||
|
||
---
|
||
|
||
## 约束模板（自动注入）
|
||
|
||
```
|
||
=== BRAND VI REQUIREMENTS ===
|
||
|
||
EMBROIDERED LOGO ON PRODUCT:
|
||
- Text: "TOUCHDOG®" (UPPERCASE)
|
||
- Position: Right petal segment, 2-3 o'clock position
|
||
- Style: Embroidered, stitched into fabric
|
||
- Color: Slightly darker shade of product color
|
||
|
||
E-COMMERCE IMAGE BRAND LOGO:
|
||
- Position: {{logo_placement.position}}
|
||
- Type: {{logo_placement.type}}
|
||
- Color: {{logo_placement.color}}
|
||
|
||
LOGO SPECIFICATIONS:
|
||
- Clear space: Minimum 1/4 of logo height on all sides
|
||
- Minimum size: Combined logo ≥ 46px height
|
||
- Tagline: "wow pretty" (for international markets)
|
||
|
||
PROHIBITED LOGO MODIFICATIONS:
|
||
- ❌ NO tilting or rotation
|
||
- ❌ NO outlines or strokes
|
||
- ❌ NO gradient fills
|
||
- ❌ NO drop shadows
|
||
- ❌ NO proportion changes (stretching/squishing)
|
||
- ❌ NO underlines
|
||
|
||
BRAND TYPOGRAPHY:
|
||
- Headlines: OPPOsans-Bold or similar clean sans-serif
|
||
- Body text: OPPOsans-Medium or similar
|
||
- Style: Clean, modern, professional
|
||
|
||
BRAND COLOR PALETTE:
|
||
- Primary Red: #E60012
|
||
- Text Black: #333333
|
||
- Background suggestions based on product color:
|
||
- Ice Blue product → Light blue/white background
|
||
- Iridescent product → Warm beige/cream background
|
||
- Solid color product → Complementary light background
|
||
|
||
=== END BRAND VI REQUIREMENTS ===
|
||
```
|
||
|
||
---
|
||
|
||
## Logo位置规范
|
||
|
||
### 主图Logo位置
|
||
| 图片类型 | 推荐位置 | 备选位置 |
|
||
|----------|----------|----------|
|
||
| M1 场景首图 | bottom-right | none（产品上已有Logo） |
|
||
| M2 产品平铺 | none | bottom-right |
|
||
| M3 功能演示 | bottom-right | none |
|
||
| M4 场景四宫格 | bottom-right | none |
|
||
| M5 尺寸规格 | bottom-right | none |
|
||
| M6 品牌汇总 | center或prominent | - |
|
||
|
||
### A+图Logo位置
|
||
| 图片类型 | 推荐位置 | 备选位置 |
|
||
|----------|----------|----------|
|
||
| A1 品牌Banner | prominent/center | top-left |
|
||
| A2 竞品对比 | bottom-right（我方侧） | none |
|
||
| A3 卖点三宫格 | bottom-right | none |
|
||
| A4 功能四宫格 | bottom-right | none |
|
||
| A5 材质工艺 | bottom-right | none |
|
||
| A6 尺寸指南 | bottom-right | none |
|
||
|
||
---
|
||
|
||
## 违规案例
|
||
|
||
以下Logo使用方式是禁止的：
|
||
|
||
1. **倾斜Logo** - 任何角度的旋转都不允许
|
||
2. **描边Logo** - 不能给Logo添加外轮廓
|
||
3. **渐变Logo** - 不能使用渐变色填充
|
||
4. **阴影Logo** - 不能添加投影效果
|
||
5. **变形Logo** - 不能拉伸或压缩比例
|
||
6. **下划线Logo** - 不能在文字下方添加线条
|
||
|
||
---
|
||
|
||
## 验证检查点
|
||
|
||
生成图片后，检查：
|
||
|
||
- [ ] 产品上的刺绣Logo是TOUCHDOG®（大写）
|
||
- [ ] 电商图片Logo是touchdog®（小写）
|
||
- [ ] Logo颜色与背景亮度匹配（浅底红Logo，深底白Logo）
|
||
- [ ] Logo周围有足够净空间
|
||
- [ ] Logo没有倾斜、渐变、阴影等违规处理
|
||
- [ ] Logo尺寸不小于46px高度
|
||
|
||
|
||
|