AMY SKIN
选定方向:黑金。精致的衬线字标,气度不凡;香槟金水滴 A 标识,纯黑 + 金色的配色。高级护肤品的传承感,中性风格,小包装上依然站得住。

主 logo——标识 + 字标
文件:assets/img/logo-e.svg——透明背景。水滴 A 标识始终为香槟金 #C9A86A;字标为深色——本文件仅用于浅色底(白色或奶油色面板、浅色包装)。字标是定制手绘字体,不是现成字体:以高对比衬线体为骨架手工微调字母造型——“A”更高、顶点更锐,拱形横杠呼应水滴标识;M / Y / S / K / I / N 各自调整了粗细与比例,每对字母均手工调整字距(AM、MY、SK、KI、IN)。已转为路径——切勿重新排版,务必使用文件原稿。
颜色——六种
规则:字标只用两种形态:浅色底上的深色字标(文件 assets/img/logo-e.svg),或黑底上的奶油白 #F5EFE6(反白文件 assets/img/logo-e-rev.svg)。标识始终为香槟金 #C9A86A。绝不用粉色,不用其他任何颜色,不放在杂乱的背景上。产品、配方与包装负责呈现色彩;logo 只用这六种颜色。
金色细线:rgba(201,168,106,.25)——1 px。用于黑底上的卡片描边、分隔线与按钮描边。这是唯一的金色线宽;正文分隔线绝不用更粗的金线。
字体
| 用途 | 字体 | 设定 |
|---|---|---|
| 字标 | 定制手绘字体(高对比衬线骨架,手工微调) | 大写字母,逐对调整字距;“A”顶点 + 拱形横杠呼应水滴标识;副行“SKINCARE”拉开字母间距,香槟金;下方金色细线 |
| 网站标题 | Cormorant Garamond,Light 300 | 句首大写,黑底上用奶油白 #F5EFE6 |
| 正文 | Arial / Helvetica,Regular 400 | 奶油白 #F5EFE6,16 px / 1.75 |
| 说明文字、分隔线 | Arial / Helvetica,Regular 400 | 次要文字 #B8B0A4,大写字母拉开间距 |
标题用 Cormorant Garamond Light 300,通过 Google Fonts 加载;自托管的 assets/fonts/cormorant-garamond-500.woff2 与 -600.woff2 覆盖其他页面上的其他字重。Logo 文件中的字标为定制手绘、已转为路径,因此在任何地方渲染效果一致,包括印刷打样——绝不能用该字体重新排版。
留白与最小尺寸
留白:logo 四周各留一个大写字母高度“x”的空白,x = 大写字母“A”的高度。任何东西——文字、分隔线、图片边缘——都不得进入留白区。
x = 大写字母“A”的字冠高度——四周皆然
最小尺寸:印刷最小宽度 20 mm / 屏幕最小宽度 100 px,主 logo 与叠放版皆然。仅标识可小至 16 px(网站图标、瓶盖)。字标绝不得小于最小尺寸。
尺寸比例(数字端):
✕ 60 px——太小,请勿使用(只用标识)
横版、反白版、叠放版与标识
主版——横向组合
文件:assets/img/logo-e.svg。金色标识 + 深色字标,浅色底上使用,一个组合。
反白版
文件:assets/img/logo-e-rev.svg——奶油白 #F5EFE6 字标、金色标识,仅用于#0A0908 背景、深色包装与深色纸盒。绝不在浅色背景上使用反白版文件。
哪个场景用哪个版本:反白版只用于黑色——网站页眉与页脚、黑色首屏与行动号召区、黑色包装、深色纸盒。主版只用于浅色底——白色或奶油色面板、浅色包装、浅色纸张印刷。留白(四周各一个大写字母“A”字冠高度“x”)与最小尺寸(印刷 20 mm / 屏幕 100 px)两个版本相同。
叠放版——窄包装专用
文件:assets/img/logo-e-narrow.svg——标识在上、字标在下,用于宽度小于 90 mm 的包装面,如软管与面膜袋。其他场合一律用主版。绝不要为了适配而挤压或拉伸主版。
仅标识
文件:assets/img/mark.svg(金色)与 assets/img/mark-navy.svg(单色深色)。形如字母“A”的水滴。单独用于网站图标、社交头像、瓶盖与封印——凡是完整字标太小的地方。金色标识为默认;单色深色标识仅用于浅色底上的单色印刷——绝不在黑底上使用。
要这样做:只用一个组合 · 保留留白 · 窄包装用叠放版 · 黑底用反白版 · 小尺寸只用标识。不要这样做:给标识改色 · 重新排版或调整字标间距 · 拉伸、描边或给 logo 加阴影 · 添加其他图案 · 添加粉色 · 放在杂乱的背景上 · 字标小于最小尺寸。
每个包装上的品牌
产品效果图——你的品牌名印在包装上,端正、完整、绝不裁切。软管与面膜袋用叠放版,其他一律用主版组合。下面 12 张效果图只是示例——34 个精选配方,来自 10,000+ 配方库。查看全部 34 个精选配方 →












标签规则:包装上唯一的品牌标识就是品牌名。产品名、剂型与规格放在下方,用小字大写、拉开间距(深色底上用次要文字 #B8B0A4)。不要出现其他品牌,包装上不要出现中文。
网站配色(源自本 VI)
--ink: #0A0908; /* Hero 黑——页眉、首屏、行动号召区、大块深色区域 */ --gold: #C9A86A; /* 点缀色——标识、细线、黑底上的按钮 */ --bg: #0D0B09; /* 页面黑色背景 */ --card: #181310; /* 黑底上的卡片与面板 */ --text: #F5EFE6; /* 奶油白——黑底上的主文字 */ --muted: #B8B0A4; /* 黑底上的次要文字 */ --line: rgba(201,168,106,.25); /* 金色细线——卡片描边、分隔线、按钮描边 */
页眉、首屏与结尾行动号召区均为#0A0908,配反白(奶油白)logo——黑色大面积使用,形成大块深色区域,奶油白与金色在其上形成真实对比。黑底上的主按钮为纵向金属金渐变(#D8BC7E → #C9A86A)配黑色文字;幽灵按钮为透明底配金色细线边框 rgba(201,168,106,.25) 与奶油白文字;链接为香槟金 #C9A86A。标题用 Cormorant Garamond Light 300,奶油白 #F5EFE6;正文用 Arial / Helvetica,奶油白 #F5EFE6(16 px / 1.75),次要文字 #B8B0A4。产品卡片保持奶油白底配金色细线边框,产品照片原样不动。WhatsApp 按钮保持 WhatsApp 绿色——它是功能性渠道按钮,不是品牌色。
Logo 文件
| 文件 | 用途 |
|---|---|
assets/img/logo-e.svg | 主 logo——横向组合,金色标识 + 深色字标,透明底;仅用于浅色底 |
assets/img/logo-e-rev.svg | 反白 logo——奶油白字标 + 金色标识,仅用于#0A0908 背景 |
assets/img/logo-e-narrow.svg | 叠放版——标识在上、字标在下,宽度小于 90 mm 的包装(软管、面膜袋) |
assets/img/mark.svg | 仅水滴 A 标识,金色——网站图标、头像、瓶盖、封印 |
assets/img/mark-navy.svg | 仅水滴 A 标识,单色深色——浅色底上的单色印刷专用 |
旧版 logo(E 方向,宽间距无衬线体)已归档于 assets/brand/archive-logo-e/,不再使用。联系方式:WhatsApp +86 189 2882 3858 · info@amyskinoem.com · 下载 VI 标准套件 →