Logo 规范与资产

当前正式版本为可搭AI V2。页面中的 Logo 均来自生产静态资产,可直接下载或复制 SVG 源码。主字标优先,微标和应用图标只用于空间受限或平台要求的正方形场景。

V2 / CURRENT

DESIGN CONCEPT

让“可搭”成为一个动作

V2 的创作目标不是再画一个“AI 图标”,而是建立一个能同时进入时尚编辑型首页、 高密度生产工作台、16 px 浏览器图标和黑白商务文件的长期识别系统。

01

从品牌名称出发

以中文“可”字建立第一识别,让 Logo 先属于“可搭”,再表达时尚与 AI。它避免使用行业里常见的星光、粒子、像素消散和通用服装轮廓。

02

把“搭”变成动作

薰衣草切线不是装饰,而是输入跨过处理边界、转化为可用结果的动作标记。品牌动效沿用“输入、生成、可上架”的同一叙事。

03

为真实生产环境设计

完整字标服务导航与正式署名,“可”字微标服务紧凑空间,应用图标服务平台头像和小尺寸入口。三类资产各司其职。

可搭AI 完整字标

字标

时尚识别与可信度

“可、搭”共享斜切收笔,形成克制的编辑感;AI 与中文同基线、同主色,不作为临时的技术后缀。 即使去掉照片和强调色,字标仍能在合同、API 文档、后台和黑白打印中独立成立。

切线

从输入到成片

切线标记“搭入”和完成,而不是泛化的科技装饰。静态 Logo 中它保持低占比;动态传播中它扫过真实输入, 让结果在另一侧显影,最终落到可交付状态。

尺寸与响应式规范

以下图标按标注的真实 CSS 像素显示。小尺寸必须使用正式派生文件,不能从网页截图或完整字标临时缩放。

16 px 可搭AI应用图标
16 px浏览器标签与极小状态
32 px 可搭AI应用图标
32 pxFavicon 与紧凑入口
48 px 可搭AI应用图标
48 px浏览器扩展工具栏
64 px 可搭AI应用图标
64 px菜单与中型头像
128 px 可搭AI应用图标
128 px扩展详情与应用列表
180 px 可搭AI应用图标
180 pxApple touch icon

NAVIGATION LOCKUP · 128 × 32

128乘32导航字标示例

导航标准容器为 128 × 32 px。完整字标单独出现,不额外叠加“可”字图标,也不改变字标宽高比。

APP MASTER · 512 × 512

512像素应用图标母版

512 px PNG 是桌面应用与扩展图标的位图母版。16、32、48、128 px 文件由品牌打包脚本统一生成,禁止手工重绘。

资产最小尺寸规则
完整主字标96 px 宽导航推荐 108–128 px 宽;低于 96 px 改用微标或应用图标
“可”字微标24 px16–23 px 场景使用专用 favicon / 应用图标,不直接缩放微标
应用图标16 px使用脚本生成的对应尺寸文件,保留正式深墨底与切线
图片水印80 px 宽复杂图片只用纯黑或纯白,确保主体和字形都可读

正式 Logo

透明资产在浅色或深色模拟背景中展示,下载文件本身不包含预览背景。

主字标 · Ink

主字标 · Ink

浅色背景默认版本。导航、正式文件和对外传播优先使用。

SVG PNG
主字标 · Reverse

主字标 · Reverse

深色背景版本。保持透明背景,不添加额外底板。

SVG PNG
微标 · Ink

微标 · Ink

用于空间不足的浅色界面,不能替代完整字标进行主要品牌署名。

SVG PNG
微标 · Reverse

微标 · Reverse

用于空间不足的深色界面,与主字标保持独立,不重复并排。

SVG PNG
应用图标

应用图标

桌面应用、浏览器扩展、下载入口和平台头像的统一母版。

Favicon

Favicon

小尺寸专用适配。现代浏览器使用 SVG,兼容场景使用 32 PNG 或 ICO。

SVG PNG ICO

核心规范

优先使用主字标

导航、登录页、正式文件和对外传播使用完整“可搭AI”。只有容器无法容纳或平台要求正方形时才使用微标或应用图标。

锁定比例与留白

禁止横向或纵向拉伸。四周至少保留一个字标笔画高度的可视留白,不能贴边、裁切或被其他控件覆盖。

不重绘、不装饰

不替换字形,不移动切线,不添加阴影、描边、渐变、发光、圆角外框或额外底板。

CLEAR SPACE · 1X

1x1xLogo安全留白示意

以中文主笔画高度为 1x,Logo 四周至少保留 1x 安全留白。边框、文字、图片主体和裁切线不得进入该区域。

BACKGROUND & MONO

浅色背景Ink字标
深色背景Reverse字标

浅色背景使用 Ink,深色背景使用 Reverse。复杂照片水印只允许纯黑或纯白单色版本,不使用半透明彩色切线。

禁止使用

×禁止拉伸

不改变横纵比例

×禁止改色

不随意替换正式主色和切线

×禁止加效果

不添加阴影、描边、渐变或发光

×禁止重组

不拆字、不重排、不另拼不同字体

使用说明

先根据承载空间选择资产,再根据背景选择颜色版本。不要为了每个业务入口重新设计图形。

场景使用资产背景与颜色注意事项
网站导航、登录页完整主字标浅色用 Ink,深色用 Reverse不在字标旁重复放微标
合同、方案、API 文档完整主字标纯黑、深墨或反白不依赖照片、渐变或强调色
应用头像、扩展、桌面入口应用图标使用正式深墨底版本保持方形画布,不自行加圆角底板
16–32 px 浏览器图标Favicon 专用文件使用正式小尺寸适配不要从完整字标截图缩放
复杂图片水印完整字标或微标只用纯黑或纯白单色避免切线与图片内容争夺视觉焦点
视频片尾与生成动效字标 + 成片切线强调色占比保持克制叙事顺序为输入、生成、可上架

品牌色

静态正式资产默认使用薰衣草切线,其他强调色仅用于 Web 内联字标的受控主题。

主字色#23263A
应用图标字色#F8F4EE
默认强调色#8E7CFF
反白字色#FFFFFF