Brand Visual Identity System

优炙

YOUZHI

V1.0 · 2026年8月 · 品牌视觉识别系统

本文件为优炙品牌所有视觉应用的标准指南

向下滚动
01

品牌标识
Logo System

横版Logo
横版标识 · 网站导航 / 名片 / 邮件签名
竖版Logo
竖版标识 · PPT封面 / 海报 / 包装正面
图标
品牌图腾 · App图标 / 社媒头像 / 水印
浅色背景Logo
浅色背景版本 · 白底 / 印刷品

安全间距

最小留白
≥ Logo 高度 × 1
最小留白
≥ Logo 高度 × 1

Logo 使用规范

✅ 正确用法

· 保持原始比例
· 优先使用金色版本
· 深色背景用金色,浅色背景用黑色
· 四周保持安全间距

❌ 禁止用法

· 不要拉伸、压缩变形
· 不要改变颜色为金以外的色
· 不要在复杂纹理上放置
· 不要旋转或加阴影效果

02

品牌色彩
Color Palette

优炙金 · Youzhi Gold
#C9A96E · CMYK 15 25 60 0
主色 · Logo / 按钮 / 强调 / 标题点缀
浅金 · Light Gold
#E8D5A3 · CMYK 5 12 40 0
辅色 · 悬停态 / 大面积浅色应用
深金 · Deep Gold
#A6864B · CMYK 25 35 70 0
辅色 · 文字 / 边框 / 小面积点缀
品牌黑 · Brand Black
#08080C
背景主色 · 网页 / PPT / 包装底色
卡片黑 · Card Black
#0E0E14
卡片背景 · 二级容器底色
白色 · White
#FFFFFF
文字 / 印刷品底色
03

品牌字体
Typography

中文标题
优炙·三重营养
Noto Serif SC · Bold 700 · 字间距 0.02em
中文正文
以科学营养守护每一只猫咪的全生命周期健康。
Noto Serif SC · Light 300 · 行高 1.8
英文展示
Premium Pet Nutrition
Cormorant Garamond · Italic 300 · 字间距 0.2em
技术数据
≥95% · OMEGA-3
Noto Serif SC · Bold 700 · 技术指标
04

辅助图形
Graphic Elements

同心圆环
品牌核心图形 · 背景装饰 · 包装底纹
十字准星
科技/精准感 · 技术页面 · 数据卡片
角标装饰
卡片边角 · 证书边框 · 品质标识
05

应用示例
Application

🐱
优炙宠物食品
社媒头像
抖音 / 小红书 / 微信 · 使用品牌图腾圆形版
PREMIUM PET NUTRITION
创始人 · 皓宸
抖音:优炙宠物食品
电子名片
微信名片 / 邮件签名 · 横版Logo + 联系方式
优炙
直播间背景
深色背景 + 金色Logo + 产品陈列
PREMIUM CAT FOOD
主食罐 · 85g
包装标签
深黑标签 + 金色Logo + 净含量
PREMIUM PET NUTRITION LAB
三重营养矩阵
精准守护全生命周期
宣传物料
广告 / 海报 / 展架 · 大标题 + 金色点缀
YOUZHI
优炙
PREMIUM · PURE · PRECISE
包装腰封
礼盒腰封 · Logo + 品牌标语
06

版式间距
Layout & Spacing

优炙品牌视觉系统遵循严格的间距体系,所有应用统一使用以下间距倍数,确保品牌视觉的一致性。

4px 最小间距 · 图标间距 · 标签间距
8px 基础间距 · 卡片内边距 · 列表间距
16px 标准间距 · 区块间距 · 按钮间距
32px 大间距 · 段落间距 · 模块间距

黄金比例

所有视觉应用中优先使用 4 的倍数作为间距基准,大模块间可使用 8 的倍数。边框统一使用 1px 宽度,保持极简克制。 圆形元素优先使用 50% 圆角(border-radius: 50%),卡片使用 12-16px 圆角,按钮使用 2-4px 圆角(保持锋利感)。

07

品牌文件包
Asset Checklist

📁 Logo — logo-horizontal.svg · logo-vertical.svg · logo-mark.svg
📁 色彩 — color-palette.svg · 主色 / 辅色 / 背景色 · HEX + CMYK
📁 字体 — Noto Serif SC · Cormorant Garamond
📁 图形 — 同心圆 · 十字准星 · 角标 · 分隔线
📁 应用模板 — 社媒头像 · 名片 · PPT封面 · 直播间背景 · 包装标签
📁 本指南 — brand-vi-system.html(此文件)

品牌原始标识 · 设计源文件

品牌Logo暗色版
品牌Logo · 暗色方形版
品牌全案竖版
品牌全案视觉 · 竖版长图
品牌Logo极暗版
品牌标识 · 极暗黑底版
品牌Logo暗灰版
品牌标识 · 暗灰简约版