P
PUFFMONVI · PIXEL IP SYSTEM
SMART VAPE BRAND · 视觉识别与像素数字 IP 系统建设方案

PUFF·MON

Visual Identity · Pixel Companion · Hardware Screen System

对 Puffmon 而言,VI 不是“做一个 Logo + 一套颜色”,而是建立一套能同时落在硬件、App、官网、像素宠物、营销素材与未来实体 IP 上的品牌视觉操作系统——成人化、像素化、科技感、轻 Web3 气质、可运营、可迭代、硬件屏幕原生。

TO贵团队项目负责人及品牌管理团队
FROM深圳市极客跳动科技有限公司
DATE2026 / 08 / 25
BUDGET 建议¥80K–120K
极客跳动自有 IP 极客队长 GEEKER
BY GEEKDANCE IP
极客队长 GEEKER
PAIREDICE SIGNAL
LV.01BLE ●
PUFFMON
01

项目理解与 VI 使命

1.1 为什么这个项目的 VI 非常重要

结合本次现场沟通,我们理解贵团队要建立的并不是一个传统电子烟品牌,而是一个“智能硬件 + 数字宠物 + 用户奖励 + 全球 DTC 运营”的新型消费品牌。硬件本身负责高频触达,App 负责承载数字身份与成长体验,品牌 IP 负责建立情绪记忆,而后台运营则通过活动、皮肤、素材与奖励不断刷新用户感受。

因此,本项目的 VI 必须天然跨越四个场景:品牌识别、数字产品、硬件屏幕、运营传播。它既要让欧美成熟电子烟用户觉得专业、可信、具有科技感,又要允许像素宠物承担情绪连接和长期 IP 资产的角色。

VI 的角色 = “用户第一次为什么愿意多看你一眼” + “用户为什么记住你” + “同一套品牌如何在硬件、App、官网、包装、社媒和营销活动里始终像同一个品牌”。

1.2 从商业思考中提炼出的品牌命题

商业设想VI 的设计回应
面向成熟海外用户不是教育新烟民,而是争夺已经成熟的存量电子烟用户;视觉必须国际化、专业化,避免廉价“电子烟商城感”。
成人审美与情绪 IP 并存数字宠物需要有可爱与情绪价值,但整体必须服务成年人,避免过度幼龄化或“儿童诱导”式视觉。
轻 Web3 / 科技价值感视觉可带一点像素、数字资产、能量、模块、信号等 Web3 感知,但不在首期直接使用币圈、Token、挖矿等过度直白符号。
硬件与数字身份统一像素宠物不仅在 App 中出现,还要进入硬件屏幕,成为实体设备上的“数字身份”。
持续运营而非一次装修节日、活动、上新、奖励机制会持续变化,因此 VI 需要支持皮肤化、模块化、素材化运营。
未来可实体化数字 IP 后续具备实体潮玩、周边、包装联名等可能,因此角色比例、识别点、配色和轮廓需要从一开始就具备资产化意识。

1.3 VI 建设目标

识别信任情绪联动运营资产
建立一眼可记住的品牌符号符合海外成熟消费品审美让像素宠物成为关系载体 品牌视觉进入硬件屏幕支持节日 / 活动持续换肤形成可长期复用的 IP 资产
02

品牌视觉战略与核心原则

2.1 品牌视觉关键词

关键词设计定义
Adult / Mature面向成年人,不做低龄游戏化,不使用过度糖果色与幼儿玩具语言。
Pixel-native像素不是装饰滤镜,而是一套真正能够落到低分辨率硬件屏幕的原生视觉语言。
Premium Tech整体质感仍然要高级、简洁、科技,避免“复古像素游戏”导致品牌降档。
Light Web3通过网格、像素、模块、能量、数据、坐标、资产标签等建立轻度 Web3 气质。
Emotional Companion宠物提供陪伴与个性表达,但视觉表达克制、酷、可收藏。
Modular & Operable系统必须可以持续上新皮肤、宠物、装备、活动和营销素材,而不是一次性视觉稿。

2.2 需要明确避免的视觉方向

  • 避免传统“电子烟独立站”的黑红霓虹、烟雾、火焰和夜店感。
  • 避免纯儿童卡通、糖果色、幼儿玩具式角色比例和低龄文案。
  • 避免把 Web3 直接做成币圈:大金币、K 线、Token 图标、挖矿镐、博彩式符号不作为主 VI 语言。
  • 避免纯复古 8-bit 游戏界面;像素风必须与高级排版、克制色彩、现代材质并存。
  • 避免 App、官网、包装、硬件屏幕各自为政,所有应用必须回到同一个视觉母系统。

2.3 国际化与语言适配原则

产品当前以英文市场为主,并考虑未来韩语、德语等扩展。VI 在字体、排版和图形比例上需要从一开始支持多语言:英文作为主视觉测试语言,韩语 / 德语作为字重、字符宽度与字号兼容性验证语言。最终字体选型需优先考虑跨语言授权与商业使用条件。

03

推荐视觉方向:Pixel Future

3.1 三种可提案方向

推荐 A
DIRECTION A

Pixel Future

像素数字生命 + 高级科技消费品。深石墨、钛银、暖白为底,少量高饱和品牌色;像素角色与现代留白并存。

最符合硬件屏幕、Web3 气质和成人审美之间的平衡。

DIRECTION B

Neo Cyber Minimal

更强未来科技、数据网格与赛博结构,宠物作为“数字身份”出现。

科技感更强,但要控制冷硬和币圈感。

DIRECTION C

Soft Digital Collectible

更强调可收藏、情绪陪伴与潮玩,整体更暖、更生活方式。

亲和力强,但需避免儿童化。

推荐结论:以 A「Pixel Future」为主方向 —— 60% 高级科技消费品 + 25% 像素数字生命 + 15% 轻 Web3 / 数字资产感。这样既能适配硬件屏幕,又不会把品牌做成复古游戏或儿童玩具。

3.2 建议色彩逻辑(方向示意)

#101214
Obsidian
主背景 / 高级科技
#F4F2ED
Warm Ivory
大面积浅色空间
#B6B8BB
Titanium
硬件 / 金属感
#FF5548
Ember Coral
品牌高亮 / CTA
#78D7E8
Ice Signal
蓝牙 / 连接状态

说明:以上仅为策略阶段色彩方向示意,正式 VI 将在第一阶段提供完整色板、Pantone / CMYK / RGB / HEX 数值及不同材质应用规则。

3.3 图形语言建议

视觉语言应用方式
Pixel Grid基于像素网格形成版式、分割、标签和动效语言。
Signal / Energy用信号、能量条、扫描、同步、连线表现设备与数字世界连接。
Asset Tag用编号、稀有度、版本、状态标签表达数字收藏与价值感,但不直接等同虚拟货币。
Hardware Geometry吸收设备切面、屏幕比例、金属材质和工业结构,建立“硬件原生”视觉。
Companion Silhouette宠物轮廓、眼睛、角、尾巴、耳翼等形成高识别度可复用图形资产。
04

核心视觉识别系统 VI

4.1 品牌标志系统

若贵团队已确认品牌名称与现有 Logo,则本项目以“标志优化 + 系统化”方式推进;若尚无正式 Logo,则在本 VI 项目内完成 1 套核心标志设计。标志需要同时考虑硬件丝印、包装、App Icon、官网 Header、硬件开机画面和社交媒体头像等尺寸环境。

交付项内容
主标志标准横版 / 竖版 / 图形符号 / 纯英文版本
安全空间最小安全距离、禁用区、最小尺寸
单色体系黑 / 白 / 单色丝印 / 激光雕刻适配
App Icon移动端图标、favicon、社媒头像小尺寸适配
Hardware Mark设备壳体、屏幕开机画面、包装贴标适配
禁用规范拉伸、描边、阴影、错误颜色、低对比度等

4.2 标准色 / 辅助色 / 状态色

建立“品牌色 + 硬件材质色 + 数字状态色”三级配色结构。品牌色负责识别,材质色负责高级感,状态色只用于连接、奖励、警告等功能性信息,避免产品端出现过多彩色导致视觉失控。

4.3 字体与排版系统

层级规范
Display Typeface品牌大标题、Campaign、产品发布;要求现代、国际、硬朗但不过度科幻。
Body Typeface官网 / App / 说明文档正文,强调屏幕可读性。
Numeric Typeface设备数据、积分、Puff、等级、版本号等数字场景使用等宽 / 表格数字。
Multilingual Fallback英文为主,验证韩语、德语等后续字符兼容与版式扩展。
Type Scale建立 Desktop / Mobile / Hardware Screen 的字号层级与行高规则。

4.4 图标 / 图形 / 纹理系统

图标建议采用“现代线性图标 + 像素状态图标”双体系:App / Web 的功能导航保持现代清晰;硬件屏幕和宠物互动状态使用像素图标。两者通过统一圆角、线宽、网格和品牌色保持同源。

4.5 影像与产品摄影规范

  • 产品摄影:深色棚拍 / 金属反射 / 局部轮廓光,突出智能硬件而非烟雾氛围。
  • 口味视觉:避免水果堆砌,建议使用抽象材质、冰感、液体、色温和气味联想。
  • 人物视觉:使用成年用户、生活方式和专业审美,避免年轻化过度。
  • IP 视觉:角色可以可爱,但摄影 / 排版环境应高级、克制、收藏感。
05

像素数字宠物 IP 系统

极客跳动自有 IP 极客队长 GEEKER 比例示意
出品方自有 IP · 极客队长 GEEKER 呈献

本方案由极客跳动自有数字 IP「极客队长 GEEKER」团队出品。我们既懂品牌视觉系统,也拥有可运营、可衍生的自有 IP 资产,因此更能从“第一天就具备资产化意识”的角度,为 Puffmon 的像素宠物规划角色比例、识别点与长期扩展规则。

5.1 IP 在本项目中的战略角色

像素宠物不是一个“装饰吉祥物”,而是连接用户、App 与硬件屏幕的数字身份。未来用户可以通过成长、装扮、节日皮肤和奖励机制持续改变宠物状态;中长期还具备实体潮玩、周边和联名可能。因此,IP 需要从第一天就建立可扩展规范。

5.2 首发 IP 体系建议

IP 资产建议交付内容
IP 世界观与命名框架定义数字宠物从哪里来、为什么与设备产生关系、角色命名规则与等级语言。
3 个首发宠物基础形象建议 1 个 Hero 主角色 + 2 个衍生角色,均采用同一像素网格和比例体系。
角色三视图 / 关键识别点正面、侧面、背面;角、耳、尾、眼睛、主体轮廓等不可随意改变的识别元素。
基础表情与状态Neutral / Happy / Excited / Sleepy / Curious / Proud 等至少 6 类。
基础动作待机、走动、跳跃、互动、获得奖励、升级等至少 6 类动作方向。
服饰与道具扩展规则定义 Headwear / Outfit / Accessory / Effect 的挂点与遮挡规则,支持未来持续上新。

5.3 “成人化像素宠物”设计边界

维度设计控制
比例可适度大头,但避免婴幼儿比例;强调轮廓、装备、材质与身份感。
表情有情绪但不过度卖萌,不使用婴儿化哭闹、奶嘴、幼儿玩具等符号。
配色主体控制 2–4 个主色,强调高级对比,避免糖果彩虹色。
装备可以融入未来头盔、披风、金属挂件、能量饰件等可收藏元素。
文案角色语言简短、酷、有性格,不使用儿童教育 / 陪玩语气。

5.4 角色资产分层

BaseStateMotionWearableSkinDevice
角色裸模 / 基础像素表情 / 情绪状态动作 / 动画帧 服饰 / 道具节日 / 品牌主题硬件屏幕 Sprite
06

硬件屏幕像素视觉系统

6.1 为什么要把硬件屏幕单独作为 VI 子系统

贵团队明确提出:硬件本身带有屏幕,像素宠物会直接出现在设备屏幕上。这意味着 VI 的角色必须从“手机屏幕里的视觉”进一步进入“实体产品的动态界面”。硬件屏幕分辨率、色深、刷新率和储存空间通常远小于手机,因此需要单独建立像素网格、Sprite、状态和动画规范。

关键前置条件:硬件方需在设计深化阶段提供屏幕分辨率、物理尺寸、色深 / 可用颜色、刷新率、图片 / 动画格式、单资源大小限制、Flash / 内存限制、支持的帧数、固件调用方式。上述参数未确认前,先做视觉方向与逻辑;参数确认后再输出最终硬件资产。

6.2 建议屏幕状态体系

硬件状态视觉建议
Boot / 开机品牌标志或宠物短闪现,建立第一触点。
Pairing / 配对扫描、连接、确认等像素动效。
Idle / 待机宠物呼吸、眨眼、观察、轻微走动。
Puff / 抽吸反馈有效抽吸后触发短反馈,如能量、表情、成长反馈。
Reward / 奖励积分、礼物、盲盒 / 奖励类视觉反馈的统一表现。
Growth / 成长等级提升、成长值达成、角色变化。
Sync / 同步App 与设备下发宠物形象、皮肤或资源时的同步反馈。
Low Battery / Error低电、连接失败、资源加载失败等功能状态。
Sleep / 休眠低频待机或长时间无操作的节能状态。

6.3 硬件屏幕交付规范

规范交付内容
Pixel Grid Spec确定主像素网格、角色占屏比例、安全区与坐标基准。
Sprite Sheet按硬件规范整理角色动作帧和状态帧,便于固件调用。
Palette Limit根据屏幕色深输出限定色板,保证不同角色仍可识别。
Animation Timing定义帧数、循环方式、触发时长,兼顾表现与功耗。
Fallback Assets资源加载失败或固件不支持动画时提供静态替代图。
Asset Naming统一 角色ID_状态_版本_尺寸 命名,便于后续后台上传和版本管理。

6.4 App → Hardware 的视觉一致性

App PetAsset ConvertBLE / SDKDevice ScreenUser Perception
高清像素宠物主视觉按屏幕参数转为 Sprite由软件与固件完成下发 显示同一宠物 / 皮肤形成“我的数字身份跟着设备走”
07

数字端与营销应用规范

7.1 App / Web 的 VI 统一原则

载体VI 应用方式
App首页 Hero、设备卡、宠物页、积分钱包、活动、商城等统一使用品牌字体 / 色彩 / 像素资产。
官网商城更偏品牌 Editorial 与产品摄影,像素宠物作为差异化识别资产,不把整个网站做成复古游戏。
后台保持品牌识别但以专业、数据清晰为主;弱化宠物趣味,强化角色权限和运营效率。
H5 / Campaign允许更强主题化和活动视觉,但必须从主 VI 的图形与字体系统派生。

7.2 营销素材库模板体系

结合项目未来“用户分享裂变”的运营方式,VI 需要提前提供可批量生产、可快速替换的官方传播模板,让品牌运营团队在不重新找设计师的情况下也能制作基础营销内容。

模板类型应用
Social Poster1:1 / 4:5 / 9:16 主流社媒海报模板
Short Video CoverReels / TikTok / Shorts 封面模板
Campaign Banner官网、App、H5 活动 Banner 规范
Reward Card积分、礼物、奖励、成长达成类卡片
Product Drop新品设备 / 烟弹 / 配件上新模板
Partner Material合作伙伴可下载的官方宣传素材版式

7.3 包装 / 物料基础应用建议

  • 设备包装:品牌标志、设备型号、像素宠物识别点、二维码区域、合规信息的版式规则。
  • 烟弹包装:口味差异通过色彩 / 纹理 / 像素标签表达,不建议水果插画堆砌。
  • 会员卡 / 活动卡 / 说明卡:统一二维码、编号、奖励与资产感标签。
  • 展会 / 门店基础物料:海报、桌牌、价签、屏幕展示的统一视觉模板。

注:本报价包含“基础应用规范与模板设计”,不包含大规模包装 SKU 延展、印刷打样、展会空间设计或门店 SI 设计。

08

节日主题 / Skin 运营系统

8.1 建立 Skin System 的原因

贵团队希望产品在圣诞节、品牌活动或不同阶段能够“换皮肤”,但产品功能框架不变。我们建议把 Skin 做成 VI 的派生层,而不是每次重新设计 UI:背景纹理、品牌高亮色、像素宠物服饰、活动图形、Banner 与硬件屏幕 Sprite 均从同一主题包中生成。

8.2 一个标准主题包建议包含

主题资产内容
Theme Key Visual1 套主题主视觉 / Campaign 画面
Color Override主题辅助色,不覆盖主品牌识别
Pixel Companion Skin宠物主题皮肤 / 配饰方向
App / Web AssetsBanner、背景、卡片装饰、Icon Accent
Hardware Sprite硬件屏幕适配的主题角色状态
Social Template社媒海报 / 视频封面模板
首期建议:VI 首期包含 1 套“节日 / Campaign Skin”示范主题,用于验证未来的换肤方法。后续每个节日主题按模板扩展,可作为独立运营设计包。
09

项目交付物清单

01_STRATEGY

品牌策略与视觉方向

品牌视觉关键词、Moodboard、3 个方向提案、推荐方向深化。

PDF / Keynote 式提案
02_LOGO

Logo 系统

主标志、组合规范、单色版、安全区、最小尺寸、App Icon / Hardware Mark。

AI / SVG / PDF / PNG
03_VI

基础 VI 系统

色彩、字体、排版、图形、图标、纹理、影像规范。

VI Guideline
04_IP

像素 IP 系统

1 套世界观框架、3 个首发角色基础形象、表情 / 动作 / 装备扩展规则。

源文件 + Sprite / PNG
05_DEVICE

硬件屏幕视觉系统

Pixel Grid、状态体系、Sprite 规范、动画时序、命名规则、1 套目标分辨率资产。

Sprite Sheet / PNG / Spec
06_TEMPLATES

数字端应用规范

App / Web / Admin 的品牌使用原则与关键界面视觉示意。

Figma / PDF
07_MARKETING

营销模板系统

社媒海报、视频封面、Campaign Banner、Reward Card、Partner Material。

Figma / PSD / 可编辑模板
08_SKIN

Skin 示例主题

1 套节日 / 活动主题包,包含数字端与硬件资产方向。

Figma / PNG
09_MANUAL

VI Manual

整合所有规范、禁用示例、文件结构、版本说明。

PDF + 源文件归档

9.1 交付文件组织建议

01策略与方向
02标志源文件
03颜色 / 字体 / 图形
04像素宠物资产
05硬件屏幕资产
06营销 / 主题模板
10

项目流程与时间计划

10.1 项目周期建议:8–10 周

阶段 01 · 第 1 周

策略校准

品牌目标、目标人群、竞品、硬件参数、视觉关键词;输出策略简报与设计边界。

阶段 02 · 第 2–3 周

视觉方向提案

3 组 Moodboard / Logo / 色彩 / Pixel IP 方向,评审并锁定 1 个方向。

阶段 03 · 第 3–5 周

核心 VI 深化

Logo、色彩、字体、图形、图标、产品影像与基础应用规范。

阶段 04 · 第 4–6 周

Pixel IP 系统

首发宠物、三视图、表情、动作、服饰道具规则。

阶段 05 · 第 6–7 周

Hardware Screen

根据硬件参数输出网格、Sprite、状态、动画和设备屏幕适配。

阶段 06 · 第 7–9 周

应用与 Skin

数字端规范、营销模板、1 套主题 Skin。

阶段 07 · 第 9–10 周

Manual & Handoff

VI 手册、源文件、命名与版本管理、设计交接。

10.2 项目协作机制

  • 每个关键阶段安排 1 次集中评审,减少碎片化修改。
  • 方向提案阶段提供 3 个设计方向,确认 1 个后进入系统化深化。
  • 每个已确认模块包含 2 轮集中修改;方向完全推翻或新增大模块按变更评估。
  • 硬件屏幕阶段需要硬件 / 固件工程师参与联合评审,避免设计与设备能力脱节。
  • VI 冻结后,软件 UI / 硬件 / 包装 / 运营团队按统一规范执行。
11

项目报价

项目首期总预算建议 人民币 ¥80,000 – ¥120,000 元(视最终确认的范围与模块在区间内浮动)。该费用对应“品牌 VI + 像素数字 IP 基础系统 + 硬件屏幕视觉系统 + 数字端 / 营销应用规范”的完整首期建设,不包含软件开发费用与 GDPR 专项费用。

本方案不按单个板块逐项报价,整体以首期总预算区间呈现;最终金额将在范围确认与模块清单对齐后,在区间内确定。

PROJECT BUDGET · 项目首期总预算
¥80K–120KCNY
对应品牌 VI + 像素数字 IP 基础系统 + 硬件屏幕视觉系统 + 数字端 / 营销应用规范的完整首期建设;最终金额在区间内依范围确认。
付款节奏40% / 40% / 20%
启动40%
方向确认40%
交付20%
报价有效期30 天
税务说明以正式合同为准

11.1 为什么建议将 VI 独立报价

本项目的视觉工作已明显超出常规软件项目中的“UI 配色与页面美化”。VI 会直接影响硬件、包装、App、官网、营销裂变素材、数字宠物以及未来实体 IP,因此需要由独立设计阶段完成品牌母系统,再由产品 UI、硬件和运营团队共同调用。将 VI 单独拆分,可以避免“软件做好以后才发现品牌没有统一规则”的返工。

12

验收边界与增项说明

12.1 本报价包含

  • 本方案列明的品牌 VI、像素 IP 基础系统、硬件屏幕视觉规范、数字端使用规范、营销模板与 1 套 Skin 示例。
  • 首期 3 个像素宠物基础角色系统;后续新增宠物角色可在统一规则下扩展。
  • 硬件屏幕按 1 套最终确认的目标分辨率完成正式资产,另提供缩放 / 适配原则。
  • 源文件与设计规范交接。

12.2 不包含 / 需另行评估

边界项说明
品牌命名 / 商标注册如品牌名称尚未确定,命名、商标检索、全球注册代理不在本报价内。
完整 UI/UX 页面设计本 VI 提供视觉规范与关键应用示意;App / Web 全量页面 UI 仍属于软件项目 UI 设计范围。
3D IP / 实体潮玩建模当前方向以像素 IP 为主;未来 3D 建模、手办打样、结构工程另行报价。
硬件工业设计 / CMF设备外观、结构、模具、CMF 工业设计不在本报价内。
大规模包装延展单个基础包装规范可示意;多国家法规版、多口味 SKU、大量印刷物料延展另行评估。
批量动画制作本项目包含基础像素动作和硬件 Sprite 规范;大规模剧情动画 / 视频内容另行报价。
海外法律合规VI 会遵守成人化与品牌安全设计原则,但不等同于电子烟广告法规、年龄合规或 GDPR 法律服务。

12.3 最终验收标准

验收维度标准
系统完整Logo、颜色、字体、图形、IP、硬件屏幕与应用规范均有明确规则。
可落地关键文件具备可编辑源文件,并可被 UI、固件、运营和供应链直接调用。
可扩展未来新增角色、皮肤、活动和硬件资源不需要推翻现有母系统。
跨端一致硬件、App、官网、营销素材在视觉上具有清晰统一的品牌识别。
规范清晰VI Manual 中包含正确示例、禁用示例、文件命名和版本管理。

我们认为,本项目 VI 最有价值的地方,是把贵团队已经非常清晰的商业设想——智能硬件、高频消费、用户奖励、数字宠物、Web3 气质和长期品牌运营——统一翻译成一套能够被用户看见、被设备承载、被运营持续复用的视觉系统。

如果首期把这套“母系统”搭好,后续无论新增宠物、节日 Skin、新硬件、新口味、活动玩法还是实体 IP,都可以在同一个品牌世界里持续生长,而不是每次重新设计。

GeekDance · 极客跳动我们希望交付的不是一套好看的 VI 文件,而是一套真正能够支撑品牌全球化、数字化和长期运营的视觉基础设施。
深圳市极客跳动科技有限公司 2026 / 08 / 25 PUFFMON · VI & PIXEL IP
极客跳动自有 IP 极客队长 GEEKER