OFFICIAL v1.2 · SOFT VITALITY

WISP Logo 使用手册与规范

基于官方原型字标与 Mark，规定全渠道用法。色彩：檀木 + 骨色 + 暖炭，并加入 Sage / Mist 软鲜活点缀——不是科技冷灰黑。 → 先看色板 Color Board

Brand WISP · Domain wisp.la · Masterline: A quiet trail for a noisy life.
Prototype: xiangdoc/WISP main logo.svg · WISP W logo.svg

0. 概述

原则：保持双弧 W 与圆点的固定比例；标识色用品牌暖色体系；域名统一 wisp.la。

资产	角色	优先场景
Wordmark	完整字标	包装主面、官网、KV（默认）
Mark	W 图形	App / 头像 / 小尺寸 / 烫印
Lockup	Mark + 字标	店招、联名、展陈
Domain / Signature	字标 + wisp.la / 口号	页脚、片尾、About

1. 构成解剖

Wordmark双弧 W · 圆点 · I · S · P（完整，无裁切）

SVG

Mark双弧叶片 + 悬浮圆

SVG

W 左侧双弧须完整露出；禁止过紧裁切 viewBox。官方源使用计算后的安全 viewBox（左右各约 20% 净空）。

2. 标准版本

Ink on Bone默认主版本

SVG

Inverse on Earth深底反白

SVG

3. 品牌色彩系统

静奢线香 + soft vitality：檀木 / 骨色 / 暖炭 + Sage 活绿 / Mist 空气青。完整可看板： colors/color-board.html

Ink#2C2825 · 主标识色

Earth#3D3429 · 深底 / 正文

Sandal#9A7348 · 檀木强调

Ember#C17A4A · 点缀（慎用）

Sage#7D9B82 · 活绿强调 NEW

Mist#A7C4BE · 空气青 NEW

Bone#F4F1EA · 主背景

Cream#FAF7F2 · 页面底

Sand#E8DFD0 · 辅底

Fog#D4CFC6 · 分割线

Sage Soft#E4EDE6 · 浅绿洗底

Mist Soft#E8F1EF · 浅青洗底

用量 70 / 20 / 10：场（Bone/Cream/Sand）70% · 结构（Ink/Earth）20% · 强调（Sandal + Sage/Mist/Ember）10%。

用途	色	说明
标识默认填充	Ink	暖炭，非纯冷黑
标识可选填充	Earth / Sandal	包装高级款、季节限定可用 Sandal
深底反白	Cream / Bone	用于 Earth 或深摄影底
域名 / 辅助字	Sandal	轻于字标，不抢主识别
线别 / CTA / 标签	Sage · Mist	鲜活点缀；默认不重填官方字标路径
页面背景	Cream / Bone / Soft washes	规范页、官网默认；hero 可用 Mist Soft
单色印刷	Black #000	仅报纸/单黑工艺

禁止：科技冷灰套装作为品牌主色；金色/庙红填充标识；荧光、霓虹与高饱和渐变。Sage/Mist 是软鲜活，不是运动品牌绿。

3b. 四条香线色板

同一品牌 DNA；只换 10% 强调与场的微差。完整包装模拟见 Color Board §04–05。

WARM

WARMBone · Earth · Sandal · Ember

STILL

STILLBone · Ink · Sage · Earth

SOFT

SOFTCream · Earth · Mist · Sand

CLEAR

CLEARMist Soft · Ink · Sage · Mist

4. 色彩应用示意

Ink × Bone默认包装 / 官网

SVG

Earth × Sand暖调辅面

SVG

Sandal × Cream檀木高级款

SVG

Cream × Earth深色场景反白

SVG

5. 组合规范

Horizontal LockupMark + 字标 · 导航/店招

SVG

Stacked Lockup方盒 / 方版中心

SVG

6. 域名使用规范（wisp.la）

标准域名组合字标 + 檀木色 WISP.LA

SVG

写法

wisp.la

读作 wisp-la。视觉稿省略 www / https。

位置	规则
包装侧/底	小号 · 字距宽 · 色用 Sandal
页脚	可点击；不压过字标
社媒 bio	`WISP · wisp.la`
签名档	用 Signature 文件

Signature字标 + Masterline + 域名

SVG

App IconBone 底 + Ink Mark

SVG

叙事（可选）：la wisp ≈ the wisp（那一缕）。主口号仍为 Masterline，不必解释国家域名。

7. 安全空间

½ DOT ½ DOT ½ DOT ½ DOT clear space

四周净空 ≥ ½ 品牌圆点直径。Mark 同理，参照悬浮圆。

8. 最小尺寸

最小 28px 高

媒介	Wordmark	Mark
屏幕	≥ 28px 高	≥ 24px
印刷	≥ 8mm 高	≥ 7mm
烫金/击凸	≥ 10mm 高	≥ 8mm

9. 场景优先级

场景	首选	色彩建议
包装主面	Wordmark	Ink on Bone / Sandal on Cream
官网 Header	Wordmark	Ink on Cream
App 图标	app-icon.svg	Bone 底 + Ink Mark
Favicon	favicon.svg	Earth 底 + Cream Mark
社媒头像	Mark	Bone 或 Sand 底
片尾 / About	Signature	Cream 底
页脚 / 侧签	Domain 组合	Sandal 域名色

10. 禁用示例

NO · 拉伸倾斜

禁止非等比缩放与斜切。

NO · 随意旋转

静态稿保持水平。

NO · 特效描边

禁止霓虹、发光、乱金属渐变。

WISP

NO · 假字体

禁止用系统字重打字标。

NO · 深底用深色标

深底须用 Inverse / Cream 填充。

NO · 非品牌底色乱配

背景优先 Bone / Cream / Sand / Earth。

11. 文件地图

路径	说明
`masters/wisp-wordmark.svg`	主字标（安全 viewBox）
`masters/wisp-mark.svg`	主 Mark
`colors/*`	品牌色组合成品
`system/wisp-lockup-*.svg`	横/竖组合
`system/wisp-with-domain.svg`	域名组合
`system/wisp-signature.svg`	签名档
`applications/*`	App / Favicon
`colors/palette.json`	色板数据源
`xiangdoc/WISP main logo.svg`	原始原型归档

12. 验收清单

#	检查项	通过
1	W 左侧双弧完整、无裁切	□
2	等比缩放，无拉伸	□
3	净空 ≥ ½ 圆点	□
4	尺寸达标或改用 Mark	□
5	色彩属于品牌色板	□
6	深底使用反白版本	□
7	域名为 wisp.la 且不抢戏	□
8	无禁用特效 / 假字体	□