窗多多

SNAPTILER — VISUAL IDENTITY / 2026.09

有序,也有一点个性。

窗多多品牌视觉系统 · A 宽厚方切字标 / 无底板双窗口

窗多多 / SnapTiler 双语主标志
01 / 双窗口 · 轻角色02 / 透明底 · 白蓝图形03 / 双点窗字 · 宽厚方切

01 / LOGO SYSTEM

一个标志,多种场景。

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

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

02 / SIGNATURE LETTERING

字,也是一种辨识度。

宽厚的字面、平切收笔与明确折角,搭配原有白蓝双窗口;字标与图形共同构成完整品牌签名。

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

「窗」采用直角围合框与两个齐平的方点。平切笔画保留力量感,两个「多」共用同一份轮廓路径。

LATIN / SnapTilerSnapTiler 定制字标

保持 S、T 大写结构,端头平切,i 使用方形字点。曲线仅用于必要的字母结构,统一小写高度与光学间距。

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

03 / COLOR & MATERIAL

白蓝交叠,清晰有序。

轮廓灰#8796AE

浅底白色窗口的细边线

窗口蓝#0876FA

品牌图形与鲜明识别

暖瓷白#FFFDF7

窗口表面与留白

墨蓝#18213B

字标与正文

雾灰白#F6F8FB

界面背景

无底板白蓝双窗口图形

让图形直接融入界面。

网站与 App 设置使用透明底图形,不添加紫色底板。白色窗口外缘使用细线,使它在浅色背景上仍然清楚;交叠处保持干净。

浅底使用 color 版本;深底使用保留白蓝图形、白色字标的 dark 版本;纯色印刷使用 black 或 white 版本。

04 / IN USE

统一,也要用得合适。

安全留白

标志四周保留四分之一图形可见高度

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

小尺寸适配

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

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

背景与反白

深色背景反白标志

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

避免的处理

  • 不要单独拉宽或压扁图形。
  • 不要给字标加描边、阴影或发光。
  • 不要改变白蓝窗口的前后关系。
  • 不要为网站和设置中的 Logo 添加紫色或其他底板。
  • 不要用展示图截图代替 SVG 或透明 PNG。

05 / READY TO USE

从独立图形到品牌签名。

22 个独立 SVG 品牌资产、对应透明 PNG,以及 VI 规范使用手册、字形参数和使用说明。当前下载为 A 宽厚方切 1.0。

查看 11 页 VI 规范手册 ↗

下载完整品牌包 ↓