Twinkle Color 标志与 VI 设计:在 Color 里,涂一笔
制造业, 医疗美容, 消费升级
上海蜜田科技有限公司
标志设计|VI 系统

Brand overview
客户:上海蜜田科技有限公司
品牌:Twinkle Color,美妆集合店
行业:美妆零售
项目时间:2024 年
心铭舍承担:标志设计与 VI 系统(VI 基础与办公应用,手册 A1–A5 共 23 页)
品牌态度:不被定义 / Freedom to buy what you want.
设计机构:心铭舍 Xinming Design
一个字母的位置,留给颜色
2024 年,心铭舍受上海蜜田科技有限公司委托,为美妆集合店品牌 Twinkle Color 完成标志与 VI 系统。标志用一款粗细对比鲜明的无衬线字体排出“Twinkle Color”,只改了一个字母:Color 的第一个 o,换成一笔玫红色的涂抹,像在手背上试一支口红,来回划了几下。字是规矩的,那一笔是自由的。VI 手册分 A1 至 A5 五部分,共 23 页,应用延展到名片、手提袋、工牌与纸杯。
一家集合店,需要一个不和货架抢戏的标志
据赢商网的品牌资料,Twinkle Color 是一家美妆集合店,以平价、品牌齐全、小样丰富和沉浸式的购物体验为特色,单品价格多在 80 至 140 元,受学生和职场新人欢迎。公开的社交媒体信息显示,品牌在上海闵行虹桥天地开有门店,并在店里举办新店开业、节日与联名快闪等活动。
集合店卖的是许多品牌。它自己的标志,既不能和货架上任何一个品牌抢,也不能被它们淹没。提案封面上写着 Twinkle Color 的态度:Freedom to buy what you want,想买什么,就买什么;VI 手册把它的价值观写成三个字:不被定义。
这个项目要回答的问题是:一个卖许多品牌的店,怎样有一个一眼就认得出、又不和货架抢戏的标志?
三个关键词,落在两个字母上
《TWINKLE COLOR 品牌设计初稿提案》为标志列出三个核心关键词:
· TWINKLE: “闪烁”之意。字母 i 上是一个正圆的点,像一闪;
· 涂抹: 结合美妆特性。Color 的 o 换成一笔玫红,是试色时留下的那一下;
· 不被定义: 品牌价值观。涂抹的形状不规则,提案说明写道,这个视觉元素“具有多变性,可以与品牌任意元素结合”。
方案说明里还有一句:“Twinkle Color”的字体设计凸显品牌的国际化与时尚感。
黑色的字负责被认出来,玫红的那一笔负责被记住。
一个词距,量出整个标志
VI 手册 A1-02 以两个单词之间的空隙为单位 x:Twinkle 宽 12.9x,Color 宽 10x,整体宽 23.9x,高 3x,宽高比约 8 : 1。按源文件实测,四个数字都对得上。
几处细节同样可以量出来:
· 涂抹比 o 大一点: 涂抹的宽和高都比原来的 o 大约 8%,所以在一行字里读得出它是一个字母的位置,又比字母更显眼;
· 涂抹紧贴 C: 涂抹的起笔几乎贴着 C 的开口,C 像是被这一笔接住;
· i 上的点是正圆: 直径约为竖笔宽度的 1.64 倍,在细的竖笔上像一颗亮点;
· T 与 w 咬合: T 的横笔盖过 w 的起笔,Twinkle 一词读成一个整体。
整个标志一共 13 段路径,只有一段是彩色的。
色彩:一种玫红,配黑与白
标准色是玫红 PANTONE 1785 C(#FF004B),只用在那一笔涂抹上;字标为黑 PANTONE Black 3 C。辅助色有浅粉 PANTONE 4078 C(#FFE3EE)、浅灰 PANTONE 427 C(#EBEBEB)与白。手册 A3-02 为玫红做了 100% 到 10% 的十级色阶。
手册 A4-02 另有一条色彩禁用:在红、橙、黄、绿、蓝、紫色系的环境中,不与标准色标志搭配使用。集合店的货架本身就五颜六色,这条规定让玫红始终是店里那一抹最清楚的颜色。
字可以变色,那一笔不变形
VI 手册给标志写了几种稿:
· 标准稿: 黑色字标,玫红涂抹;
· 墨稿: 全部为黑;
· 反白稿: 在玫红底或黑底上全部为白;
· 色彩搭配专用表(A3-04): 标准色、墨稿、反白、专金、专银五种标志,在七种底色上的可用与禁用;
· 禁用规范(A4-01): 列出 16 种禁止用法,涵盖变形、改色与改动组合关系。
颜色可以换,涂抹的形状与位置不能动。
放大:那一笔就是图案
涂鸦是这个字标里可以无限放大的部分。在办公应用里,它被放大到超出版面,只露出几道折返,字标退到一角,颜色占满整面:
· 名片背面: 玫红满版,白色涂抹出血;
· 手提袋(B-02): 正面白底只放标准标志,侧面是放大的涂抹;260 × 330 mm,300 g 白卡纸,PANTONE 专色印刷;
· 工牌背面: 同一笔涂抹放大裁切;
· 纸杯(B-04): 玫红满版,白色涂抹绕杯一周,反白标志在杯口。
在之后的延展概念里,这一笔还可以印成色块、压成凹凸、铺成图案,或者做成门头上的发光字。不管换哪种材料,形状始终是源文件里的那一笔。
交付与延展
标志设计
· 意向初稿、初稿提案(修改)与定稿,选定方案一
VI 基础
· 标志释义、比例与标准制图、墨稿与反白稿
· 标准色、辅助色、色阶、色彩搭配专用表
· 禁用规范与色彩禁用组合
办公应用
· 名片、手提袋、工牌、纸杯
交付形式
· VI 手册(A1–A5,23 页)与全部矢量源文件
回看这个项目
1. 只改一个字母。 整个标志只有一处设计动作,把 o 换成一笔涂抹,所以它一眼就能认出来,也不和货架上的品牌抢。
2. 规矩和自由各占一半。 字标用一个词距量出全部比例,涂抹不规则;这正是“不被定义”的样子。
3. 那一笔可以无限放大。 从标志里取出来的同一笔,在名片、手提袋和纸杯上放大成图案,形状一处也不改。
Twinkle Color 的标志,是在规矩的字里,留下自由的一笔。
可核查信息
· 委托方:上海蜜田科技有限公司
· 品牌:Twinkle Color,美妆集合店
· 品牌价值观:不被定义;品牌态度:Freedom to buy what you want.
· VI 手册:A1–A5 共 23 页,2024 年 8 月定稿
· 本案例页:www.xinming.sg/portfolio/____.html
延伸阅读
· 一悦馨香品牌设计:一朵康乃馨,倒过来是一位跳舞的女性(www.xinming.sg/portfolio/3087.html)
· 澳雪 Accen 品牌 VI 升级:把“让洗护成为一种享受”写进一个字标(www.xinming.sg/portfolio/3042.html)
· 阳光名店品牌升级:一个太阳,被 S 抱在中间(www.xinming.sg/portfolio/3172.html)
常见问题
Twinkle Color 的标志是谁设计的?
Twinkle Color 美妆集合店的标志与 VI 系统由心铭舍于 2024 年设计,委托方为上海蜜田科技有限公司,范围包括标志设计、VI 基础与办公应用。
Twinkle Color 标志里的那一笔玫红是什么?
是 Color 里第一个字母 o 的位置。心铭舍把它换成一笔玫红色的涂抹,可以读作在手背上试一支口红。它对应提案的关键词“涂抹”与品牌价值观“不被定义”。
Twinkle Color 是什么意思?
Twinkle 是“闪烁”之意,标志里字母 i 上的正圆点就是那一闪;Color 是颜色,对应美妆。
Twinkle Color 的品牌标准色是什么?
标准色为玫红 PANTONE 1785 C(#FF004B),字标为黑 PANTONE Black 3 C;辅助色为浅粉 PANTONE 4078 C(#FFE3EE)、浅灰 PANTONE 427 C(#EBEBEB)与白。
这个 Twinkle Color 和其他名字里带 Twinkle 的美妆产品有关吗?
无关。本案例是美妆集合店品牌 Twinkle Color 的标志与 VI,与各类名为 Twinkle 的彩妆单品、美甲店或其他品牌没有关系。
这个案例适合哪类企业参考?
美妆、香氛与生活方式集合店;需要在大量第三方品牌中间保持辨识度的零售品牌;以及希望用一个简单动作,做出可长期延展的字标的消费品牌。
心铭舍是一家品牌系统设计公司。心铭舍(Xinming Design)以系统性判断为核心,将品牌战略转化为可运行、可继承的结构。官网 www.xinming.sg


