
VITON13 自有品牌的标志,按它们在网站代码中的实际样子呈现:两个图形化的地球 V 标、三个用字体排出的文字标,以及黑底上唯一的强调色——天蓝 #5ac8ff。
概述
VITON13 拥有多个自有品牌:VITON13 SCHOOL、VJOURNAL、VIT MARKET、VITON XIII 香水线以及商店的各条产品线。任务是为公司、学院、媒体和电商平台设计一套读起来像同一家族的标志,并由网站自己绘制,适用于浅色或深色背景和多种尺寸。
5
标志:2 个图形标,3 个文字标
来源:网站组件,2026年9月19日
#5ac8ff
黑底强调色,10 个 CSS 模块
来源:网站样式表,2026年9月19日
5
VITON XIII 香水,每款 50 ml
来源:商店站点地图,2026年9月19日
90
由脚本生成的社交分享卡片
来源:网站图片,2026年9月19日
思路
VITON13 组合标将地球 V 图形(512 × 512 图像)与文字标并置,文字标在 VITON 后接粗体的 13。一个组件即可以三种色调(自动、浅色、深色)和三种尺寸绘制它。在正文中,名称里的 13 在显示时变为上标,而源文案、URL 和元数据保留普通写法。
VITON13 SCHOOL 标志是一个由圆环、两条经线、分割的轴和一条托住高对比 V 字的腰带构成的地球:以 1000 单位网格绘制的内联 SVG,使用 currentColor,因此会继承周围文字的颜色。VJOURNAL 和 VIT MARKET 是用字体排出的文字标,而非绘制的图形:VJOURNAL 刊头为字重 800、字距 −0.058em,VIT MARKET 是一块天蓝色磁贴,VIT 位于 MARKET 之上。
配色是黑色加唯一的强调色天蓝 #5ac8ff,用于 10 个 CSS 模块:商店与工作室主页、VIT MARKET、共享的便当式网格、法律页面、404 页面以及首页的两个区块。社交分享卡片由脚本批量生成,而不是逐张手绘:为帮助、商店、ANIRI 和 VITON XIII 页面生成 20 张 1200 × 630 卡片,为 14 项工作室服务生成 70 张。
图集
成果
store.viton13.com 商店有四条产品线:Old Money(16 件)、VITON13 & RISE(10 件)、ANIRI(3 件)和 VITON XIII BEAUTY HOME。其站点地图以五种语言列出 46 条路径,共 230 个 URL。
VITON XIII 共有五款香水,均为 50 ml 淡香精,并在商店中各有五种语言的页面:男士的 OBSESSION 和 GELO、女士的 FLEUR POLLEN 和 Oh my God,以及中性香 MILANO。
SCHOOL 地球 V 标已用于俄文版 VITON13 SCHOOL 页面,该页面于 2026 年 9 月截图,作为本案例封面。
本案例不能证明的
没有品牌手册或规范文档:规则存在于组件和样式表中。Old Money、RISE 和 ANIRI 有名称和字体,但没有标志文件;VJOURNAL 和 VIT MARKET 的标志是 CSS 排出的文字,而不是绘制的图形标志。
黑色加天蓝是各主页的体系,而非每个页面:首页已于 2026 年 9 月 10 日改用浅色配色,SCHOOL 页面使用自己的颜色。
许多品牌视觉是生成的。GELO 瓶身图片由 AI 生成,其文件带有来自 OpenAI 图像模型的 C2PA 内容凭证,因此它是产品视觉而非照片。本案例不衡量认知度或销售。
在筹划类似的项目?每条消息我都会亲自阅读。
下一个项目
品牌影片影像与动效
自有2026
全部作品 (19)
