星荟城 STAR CITY · WUHAN · 2020 PARAMETRIC IDENTITY STANDARD · SHEET 00 / 09
星荟城的标志由图形与名称构成。图形的中心是一颗红色六角星,六条边向内弯成弧线;六道黄色长光从六个角射出,六道紫色短光穿插其间,一共十二道光,每一道都是一滴水的形状。
向外读:星 光从中心散开,是被看见
向内读:荟 十二道光指向同一个中心,是群星汇聚
Convergence 群星汇聚
Colorful world 缤纷世界
Fashion / trend / fun 趣味、时尚、潮流
三个关键词与两种读法来自 2020 年 VI 手册 A1-01。手册规定:标志图形经过研究与规范,使用中不得改变形状、结构与比例,必须使用手册附带的电子文件。本页第 02 张图纸把这条规定写成了可以检查的数字。
PARAMETRIC GEOMETRY · ONE RADIUS GENERATES EVERYTHING
几何参数GEOMETRY & PARAMETERS · 整枚标志由一个半径 R 推导 SHEET 02 / 09
从源文件实测反推 2026 心铭舍方法示范
对源文件逐条路径测量后,发现这枚标志只需要一个基准:六角星的外接半径 R。星的六条边是半径同为 R 的圆弧,圆心落在短光的轴线上、距中心 √3·R 处;长光与短光的尖端都从星的顶点出发,长度与宽度都是 R 的固定倍数。下面的生成器用这组参数实时重绘标志,并与源文件轮廓叠加比对。拖动滑块可以看到比例一变,标志就不再是它自己。
PARAMETERS · 以 R = 1 为单位
回到规范值 Canonical 叠加源文件轮廓 显示构造线
DEVIATION · 与源文件的偏差
单位 u 为源文件坐标单位。规范值下所有偏差 ≤ 0.1u(约为长光宽度的 1.5%),可以认为参数化模型与源文件一致。标志的唯一真源仍是源文件矢量;参数用于验证、动效与程序化生成,不用于替代源文件印刷。
显示 a 网格 a = STAR CITY 字高(横式组合 A),每一小格为 a/3 · 四周留 3a
01 · CLEAR SPACE 安全区
以字标中的一个计量单位 a 为基准,标志四周预留 3a 的不可侵犯区域。这是标志与任何文字、图形、边缘之间的最小距离。标志放大,a 随之放大。
02 · MINIMUM SIZE 最小尺寸
印刷品中横式组合最小 21.35 mm × 8 mm,再小文字就难以辨认。下方按物理尺寸渲染(CSS 毫米为 96 dpi 名义值,屏幕实际尺寸略有出入,印前以尺子为准)。
03 · SCREEN 屏幕最小尺寸 示范
手册只规定了印刷。屏幕上建议:横式组合最小 120 px 宽;单独图形最小 24 px(应用图标)、16 px 时只保留星与六道长光(见 08 数字触点)。
04 · MISUSE 不允许的用法
02 · TINT SCALE 色阶(手册 A3-02 · 100% → 10%,屏幕按 sRGB 与白色混合计算)
03 · CONTRAST MATRIX 对比度矩阵(WCAG 2.1,实时计算)
✓ 正文可用(≥ 4.5)· 大 仅限大字与图形(≥ 3)· ✕ 不用于文字。黄底上的红字标达不到正文标准,因此黄色只作底色与图形,不承载小字;手册 A3-02 黄色卡上的红色标志属于“大字与图形”档。
04 · COLOR VISION 色觉模拟(SVG feColorMatrix)
LOGO COLOR APPLICATION · DAY & NIGHT
标志色彩应用 · 夜间发光版白底全彩;红底与紫底反白;黄底保持红色;夜间另有一套亮度 SHEET 05 / 09
底色规则 2020 交付 · 夜间版 示范
NIGHT SIGNAGE 夜间发光版 · 商场门头与导视在夜里是自发光的,颜色规则要单独写
▲ 日间色值直接发光:黄色亮度 L*≈86,紫色 L*≈49,发光后紫色短光在暗背景里几乎消失,整枚标志变成“黄光加红心”。
▲ 夜间令牌:紫色提亮为 #9D8FD6(L*≈62),黄色降为 #F2C530,红色不变;三者亮度差收窄,光的节奏回来了。日间版与夜间版都写进令牌(见 09)。
尺寸标注由程序从源文件实测生成,a = 横式组合 A 中 STAR CITY 的字高(10.65u)。手册 A1-02 的最小尺寸 21.35 × 8 mm 与组合 A 的长宽比(2.67)一致,可确认最小尺寸针对组合 A;此时 a ≈ 1.22 mm。
MOTION SPECIFICATION · CONVERGENCE
动效规范汇聚 Convergence:先有光,再有星,最后有名字 SHEET 07 / 09
封面动效的可复现规格 2026 示范
暂停 0.00 s
STORYBOARD · 由同一引擎在指定时刻渲染的真实帧
01 · MOTION TOKENS
02 · SPRING · 解析弹簧,不是贴图曲线
03 · RULES
只绘制源文件矢量路径,不采样、不重绘;动效末帧与源文件逐像素一致(见 09 · M-01)。
光只沿自己的轴线运动;十二条轴线永远 30° 等分,不旋转、不弯曲。只有星在点亮时转 90°,星是六重对称,落定后与源文件重合。
颜色不混合、不渐变:每一道光只有黄或紫,星与字标只有红。辉光与光迹是同色的亮度,不引入第四种颜色。
顺序不可调换:长光 → 短光 → 星 → 名字。先有光,再有星,最后有名字。
交互幅度有上限:长光 ≤ 4u、短光 ≤ 3u(R = 15.04u),回弹阻尼 ζ = 0.55,不允许持续抖动。
尊重“减少动态效果”:直接显示末帧。
04 · DELIVERABLES
网页:本页 Canvas 引擎(无依赖,约 14 KB)· LED 大屏:16:9 与 9:16,10 s 循环,ProRes 4444 带透明通道 · 社交:3 s 方形 MP4 · 开场:按本页令牌在 After Effects 复刻,令牌一一对应。
SHOPPING CENTRE TOUCHPOINT SYSTEM · WHERE A MALL IDENTITY ACTUALLY LIVES
商场触点系统楼层色彩编码 · 导视字高 · 租户联合品牌 · 超级图形 · 季节活动层 · 数字触点 SHEET 08 / 09
面向商场运营的延展规则 2026 示范
一个商场的识别,大部分时间不出现在画册里,而出现在楼层索引、租户门头旁边、节日吊旗与小程序图标上。这一页把 2020 年的基础规范延伸到这些位置:每一条都从标准色与标志参数推导,不另起一套。
01 · FLOOR COLOR CODING 楼层色彩编码(可编辑)
规则:颜色按业态分配,不按楼层顺序。红 =零售与潮流,紫 =休闲、娱乐与停车,黄 =餐饮与儿童。同一业态跨多层时,用色阶 100% / 80% / 60% 区分楼层。
楼层数据可在左侧改动,索引牌实时更新。导视主体保持白底与深色字,颜色只出现在楼层色块里。
02 · WAYFINDING LETTER HEIGHT 导视字高 · 视距换算
03 · TENANT CO-BRANDING 租户联合品牌
三条规则:租户标志的视觉高度与星荟城图形相等;中间一条 0.1a 的竖线,间距各 2a;星荟城永远在左(横式)或在上(竖式)。租户标志为示意图形,非真实品牌。
04 · SUPERGRAPHIC 超级图形 · 裁切检查器
05 · SEASONAL LAYER 季节活动层
春节 / 周年庆
夏日
秋季 / 开学
冬季 / 节日
活动可以换背景、换插画、换字体,但标志不换色、不加效果;季节色只能来自三个标准色的色阶,或作为背景出现。活动主视觉中标志占画面宽度 ≥ 12%,且落在安全区内。
06 · DIGITAL TOUCHPOINTS 数字触点
应用图标只用图形不用字标;图标安全区为边长的 1/8;16 px 时只保留星与六道长光(短光在该尺寸下不足 1 px)。会员卡沿用组合 D,卡面主色为紫 100%。
01 · DESIGN TOKENS
JSON CSS JS 复制
03 · EXTERNAL PROOF 不依赖心铭舍的证明
源文件哈希: 本页所有标志路径来自 20201104 星荟城 logo.svg;页面加载时计算其路径字符串的 FNV-1a 哈希并显示于下方,任何改动都会改变哈希。
现场核对: 武汉武昌中南路 14 号星荟城门头与导视,与组合 A / D 比对;地图平台商户店名含“星荟城店”。
手册核对: VI 手册 A1-01、A1-02、A3-01、A3-02 四页,本页引用的每个数字都可在其中找到。
机器核对: WCAG 对比度可用任何在线工具按 HEX 重算;色觉矩阵为公开的 Machado 近似。
冷读测试: 把本页交给未参与项目的设计师,让其只凭本页重绘标志;与源文件叠合偏差应 ≤ 0.1u。
02 · SELF-VERIFICATION 页面自检(加载时实时运行)
— 重新运行
04 · BOUNDARY 边界与说明
本页是心铭舍基于 2020 年星荟城项目交付物(命名、标志、VI 基础部分与常规应用)制作的方法示范,用于说明品牌识别的参数化表达;标记为“2026 示范”的内容未经客户委托,不代表星荟城的官方标准。标志唯一真源为客户持有的源文件;印刷以 PANTONE / CMYK 为准,屏幕以 RGB 为准。
05 · CHANGE LOG
REV. A 2026-11-04 首版:几何参数反推、安全区与最小尺寸、标准色与色觉、组合标注、汇聚动效、商场触点系统、令牌与自检。 OPEN — 源文件(紫长光、深紫字标)与手册(黄长光、红字标)配色不一致,本页按手册;待运营方确认现场在用版本。
06 · SIGN-OFF
品牌负责人 · 武汉鼎宏商业管理有限公司 签字 / 日期
设计负责人 · 心铭舍 签字 / 日期
执行供应商(标识 / 灯箱 / 数字) 签字 / 日期