窗多多

SNAPTILER — VISUAL IDENTITY / 2026.09

有序,也有一点个性。

窗多多品牌视觉系统 · A5 双点字标 / O4 柔光渐层

窗多多 / SnapTiler 双语主标志
01 / 双窗口 · 轻角色02 / 柔光紫底 · 白蓝图形03 / 双点窗字 · 柔角几何

01 / LOGO SYSTEM

一个标志,多种场景。

彩色用于屏幕;单色与反白用于印刷、深色底和特殊材质。

中英双语横版
01 · 无紫底中英双语 / 主组合SVG ↓
紫底图标双语组合
04 · 紫底图标双语组合SVG ↓

02 / SIGNATURE LETTERING

字,也是一种辨识度。

宽厚的中文笔画、双圆角方点与几何英文,共享柔角、光学间距和约 15° 的上扬方向。

中文 / 窗多多窗多多 定制字标

加厚「窗」的顶横与围合框,内芯使用两个齐平的圆角方点,不含嘴部曲线。两个「多」共用同一份曲线路径。

LATIN / SnapTilerSnapTiler 定制字标

保持 S、T 大写结构,统一直笔与小写高度,校正 T–i–l 字距。i 的字点采用精确 15° 上扬,呼应窗口边缘。

交付的是两组专用品牌字标,所有文字均已转成路径,可任意缩放,不需要安装字体。它们不是一套完整的中英文字库。A5 字形基于已确认方案做矢量重建,组合共用同一套路径;生成源文件、参数与校样收录在品牌包中。

03 / COLOR & MATERIAL

柔光做底,鲜蓝点睛。

柔光紫#ABA2FF

标志背景与柔和氛围

窗口蓝#0876FA

品牌图形与鲜明识别

暖瓷白#FFFDF7

窗口表面与留白

墨蓝#18213B

字标与正文

雾灰白#F8F8FC

界面背景

柔光渐层图标细节

看得见层次,感受不到负担。

左上方的漫射光缓慢过渡至右下方。蓝色窗口只有一条细亮边,白色窗口保留极轻的暖调。图标不加粗颗粒、不叠加额外立体厚度。

渐层基底 #B8B0FF → #ABA2FF → #968CFA。避免把渐层色当作正文文字色;界面主按钮使用更深的 #285BE7,以保证可读性。

04 / IN USE

统一,也要用得合适。

安全留白

标志四周保留四分之一图标宽度

以图标边长 D 为基准,四周至少留出 ¼D。组合中的图文比例、间距和对齐关系直接使用母版。

小尺寸适配

80 像素图标48 像素图标32 像素图标18 点菜单栏轮廓

彩色图标建议不小于 32 px;16 px favicon 仅作识别。18 pt 菜单栏保留主标交叠轮廓与放大眼睛。展示用中文组合建议宽度 ≥ 180 px,英文与双语 ≥ 240 px。导航和 App 侧栏采用紧凑组合,需在实际尺寸单独检查清晰度。

背景与反白

深色背景反白标志

反白稿使用透明底,在深色背景上呈现。单色稿以实心与轮廓区分窗口,不使用灰色渐层代替。

避免的处理

  • 不要单独拉宽或压扁图形。
  • 不要给字标加描边、阴影或发光。
  • 不要改变白蓝窗口的前后关系。
  • 不要将主标志放在杂乱图片上。
  • 不要用展示图截图代替 SVG 或透明 PNG。

05 / READY TO USE

从 App 图标到品牌签名。

22 个独立 SVG 品牌资产、对应透明 PNG、4 张设计校样,以及字形源文件、参数和使用说明。当前下载为 A5 双点版。

下载完整品牌包 ↓