Shpapi Vision
品牌 · 社交 · 网站 · 2026 · 02/21把夜场风的眼镜品牌，变成产品优先的电商店面
目标
店面已经跟不上品牌了——价格差不多翻倍，款式往白天走，来的人早就不止创始人那圈熟人。花体标志和创始人的口吻留住，其余全部重做。
挑战
旧站是照着夜里卖的：黑底、白衬线，四副 65 美元的镜框摞在夜店背景前。可这股夜场味本身就是品牌的家底。得把它挪到白天——是变亮，不是变软——还不能把老客人弄丢。
成果
交付了三样：重做的品牌系统、一套发帖用的社交模板，还有一个完全定制的 Shopify 店面——编辑风的白天顶掉了夜店霓虹。站点已上线 shpapivision.com。
我们把每个页面对着品牌今天的样子过了一遍，标出夜店风格跟“卖眼镜”这件事打架的地方。
发现了什么
- 产品被压在氛围之下，要滚动好几屏
- 导航默认访客是熟悉系列的内行
- 产品信息与定价单薄
- 没有明显的结账入口
标志、字体、颜色和语调，各自站在什么位置。
标志 — 主体
三个资产，一套系统。字标——Instrument Serif 写的「Shpapi」——是默认主锁定。鸟形标是它的紧凑搭档，小尺寸和压图时用。创始人的花体是老底子，留作签名。
格式
SVG · PNG · PDF · EPS
标志 — 三个标
默认用字标——Instrument Serif，紧凑、编辑感。字标塞不下的地方换鸟形标。创始人的花体是从原来品牌里唯一带过来的东西，留作签名。
格式
SVG · PNG · PDF
色彩 — 调色板
天蓝
#AACCFC · 白日 · 浅色点缀
Vision 海军蓝
#3F5575 · 文字 · 标题
驼色
#785B4A · 次要色 · 日晒质感
浓缩咖啡
#453B2E · 文字深度 · 夜色
奶油色
#FFF7F1 · 底色 · 暖白
白
#FFFFFF · 文字 · 点缀
炭黑
#1A1A1A · 卡片底色
黑
#000000 · 夜色 · 从前的底
这套白天的颜色顶掉了夜店的黑房间。奶油打底，海军蓝和浓缩咖啡管文字，天蓝和驼色负责把光带进来。
字体
Aa
展示 · INSTRUMENT SERIF
Aa
正文 / 界面 · FIGTREE
Instrument Serif 管展示——标题和章节头，有结构但不喊。Figtree 管正文、界面、导航和产品文案，是让店能正常用的那只中性无衬线。到了店面上，Cormorant 会和 Instrument Serif 一起做居中的编辑风标题，Times 则扛朴素的正文。
字体 — 字阶与层级
吉祥物 / 角色
一只飞到一半的鸟，剪成一整片剪影——品牌唯一的角色，也就是 § 02 里那个鸟形标。它不摆姿势、不演情绪，它是盖上去的：小小的，散在照片各处，永远 36°。
永远 36°——不重画、不描边、不镜像。压在照片上时用奶油、白或天蓝，加一点柔投影保证看得清；浅底上就是实心黑，不加投影。
图标与图形元素
从吉祥物身上切下来的：硬多边形，圆角为零，不描边。细节全靠张开的斜切——和鸟翅尖是同一个手法——唯一允许的曲线是它的眼睛。图形取自品牌自己的世界，不是从 UI 图标库里搬的。为这套系统画的，还没上到店里。
品牌规范 — SHPAPI VISION
花体字标和创始人的腔调留着，其余全部重搭：温暖的奶油色、天蓝和海军蓝顶掉了暗房；标题交给 Cormorant 和 Instrument Serif，界面交给 Figtree；每页都重新排过，产品开场，光也从夜里换到了白天。同一套系统也管着社交——一套模板，把 Collection 3、花体字标和鸟形标压到任何一张图上；整套东西跑在完全定制的 Shopify 主题上。
改了什么
- 用温暖的奶油色／天蓝／海军蓝取代暗房
- 字体重建：标题用 Cormorant + Instrument Serif，界面用 Figtree
- 每个页面重新排序，以产品开场
- 一套模板让两次上新之间的账号也不掉线