星荟城 STAR CITY · WUHAN · 2020PARAMETRIC IDENTITY STANDARD · SHEET 00 / 09
XINMING DESIGN · 心铭舍 · 2026 示范 · 基于 2020 交付

星荟城 · 品牌识别参数化标准Parametric Identity Standard

STAR CITY · BRAND IDENTITY · BASIC PART A1

标志释义LOGO INTERPRETATION · 名字与图形说的是同一件事

SHEET 01 / 09
VI 手册 A1-01 · 2020 2020 交付

星荟城的标志由图形与名称构成。图形的中心是一颗红色六角星,六条边向内弯成弧线;六道黄色长光从六个角射出,六道紫色短光穿插其间,一共十二道光,每一道都是一滴水的形状。

向外读:星光从中心散开,是被看见
向内读:荟十二道光指向同一个中心,是群星汇聚
Convergence群星汇聚
Colorful world缤纷世界
Fashion / trend / fun趣味、时尚、潮流

三个关键词与两种读法来自 2020 年 VI 手册 A1-01。手册规定:标志图形经过研究与规范,使用中不得改变形状、结构与比例,必须使用手册附带的电子文件。本页第 02 张图纸把这条规定写成了可以检查的数字。

SOURCE 20201104 星荟城 logo.svg · VI 手册 A1-01客户:武汉鼎宏商业管理有限公司 · 商场运营方 · 武汉武昌中南路 14 号XINMING DESIGN · 2026-11
PARAMETRIC GEOMETRY · ONE RADIUS GENERATES EVERYTHING

几何参数GEOMETRY & PARAMETERS · 整枚标志由一个半径 R 推导

SHEET 02 / 09
从源文件实测反推 2026 心铭舍方法示范

对源文件逐条路径测量后,发现这枚标志只需要一个基准:六角星的外接半径 R。星的六条边是半径同为 R 的圆弧,圆心落在短光的轴线上、距中心 √3·R 处;长光与短光的尖端都从星的顶点出发,长度与宽度都是 R 的固定倍数。下面的生成器用这组参数实时重绘标志,并与源文件轮廓叠加比对。拖动滑块可以看到比例一变,标志就不再是它自己。

PARAMETERS · 以 R = 1 为单位
DEVIATION · 与源文件的偏差
测量项源文件 (u)生成值 (u)偏差

单位 u 为源文件坐标单位。规范值下所有偏差 ≤ 0.1u(约为长光宽度的 1.5%),可以认为参数化模型与源文件一致。标志的唯一真源仍是源文件矢量;参数用于验证、动效与程序化生成,不用于替代源文件印刷。

CANON R=15.04u · 长光尖端 2.223R · 短光尖端 1.889R · 长光宽 0.445R · 短光宽 0.324R · 弧心 √3R12 道光 · 30° 等分 · 长光于 90°+60°k · 短光于 60°kXINMING DESIGN · 2026-11
CLEAR SPACE · MINIMUM SIZE · MISUSE

安全区 · 最小尺寸 · 误用A1-02 · 规定写得越清楚,几年后的门头和第一天越像

SHEET 03 / 09
VI 手册 A1-02 2020 交付 · 误用示例 示范
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 不允许的用法
RULE 3a 安全区 · 21.35 × 8 mm 印刷最小尺寸 · 不改形状、结构与比例 · 只用源文件屏幕最小尺寸与误用示例为 2026 示范,待运营方确认后进入手册XINMING DESIGN · 2026-11
BRAND COLOR SYSTEM · A3 · SCREEN IS RGB, PRINT IS PANTONE

标准色 · 色阶 · 对比度 · 色觉三种颜色全部在一枚标志里;字标与中心的星同为红色

SHEET 04 / 09
A3-01 / A3-02 2020 交付 · 对比度与色觉 示范
02 · TINT SCALE 色阶(手册 A3-02 · 100% → 10%,屏幕按 sRGB 与白色混合计算)
03 · CONTRAST MATRIX 对比度矩阵(WCAG 2.1,实时计算)

✓ 正文可用(≥ 4.5)· 大 仅限大字与图形(≥ 3)· ✕ 不用于文字。黄底上的红字标达不到正文标准,因此黄色只作底色与图形,不承载小字;手册 A3-02 黄色卡上的红色标志属于“大字与图形”档。

04 · COLOR VISION 色觉模拟(SVG feColorMatrix)

RGB EA5550 · 796BAF · FDD23E PANTONE 178C · 272C · 122C CMYK 0/80/60/0 · 60/60/0/0 · 0/20/80/0印刷用 CMYK 或 PANTONE,屏幕用 RGB(手册 A3-02)XINMING DESIGN · 2026-11
LOGO COLOR APPLICATION · DAY & NIGHT

标志色彩应用 · 夜间发光版白底全彩;红底与紫底反白;黄底保持红色;夜间另有一套亮度

SHEET 05 / 09
底色规则 2020 交付 · 夜间版 示范
NIGHT SIGNAGE 夜间发光版 · 商场门头与导视在夜里是自发光的,颜色规则要单独写

▲ 日间色值直接发光:黄色亮度 L*≈86,紫色 L*≈49,发光后紫色短光在暗背景里几乎消失,整枚标志变成“黄光加红心”。

▲ 夜间令牌:紫色提亮为 #9D8FD6(L*≈62),黄色降为 #F2C530,红色不变;三者亮度差收窄,光的节奏回来了。日间版与夜间版都写进令牌(见 09)。

DAY 白底全彩 · 红底/紫底反白 · 黄底红色 NIGHT purple-night #9D8FD6 · yellow-night #F2C530 · red #EA5550灯箱、LED 与霓虹的实际亮度以现场打样为准XINMING DESIGN · 2026-11
LOCKUP PROPORTION GUIDE · FOUR LOCKUPS FROM ONE SOURCE FILE

组合规范四种组合的位置、比例与间距,全部以 a 为单位标注

SHEET 06 / 09
组合源自 20201104 源文件 2020 交付 · 标注 示范

尺寸标注由程序从源文件实测生成,a = 横式组合 A 中 STAR CITY 的字高(10.65u)。手册 A1-02 的最小尺寸 21.35 × 8 mm 与组合 A 的长宽比(2.67)一致,可确认最小尺寸针对组合 A;此时 a ≈ 1.22 mm。

A 横式 · 门头、外立面 B 竖式左对齐 · 吊旗、立牌 C 竖式居中 · 国际化画面 D 横式带分隔线 · 横幅、导视顶部XINMING DESIGN · 2026-11
MOTION SPECIFICATION · CONVERGENCE

动效规范汇聚 Convergence:先有光,再有星,最后有名字

SHEET 07 / 09
封面动效的可复现规格 2026 示范
GATHER
0.00 s
STORYBOARD · 由同一引擎在指定时刻渲染的真实帧
01 · MOTION TOKENS
02 · SPRING · 解析弹簧,不是贴图曲线
03 · RULES
  1. 只绘制源文件矢量路径,不采样、不重绘;动效末帧与源文件逐像素一致(见 09 · M-01)。
  2. 光只沿自己的轴线运动;十二条轴线永远 30° 等分,不旋转、不弯曲。只有星在点亮时转 90°,星是六重对称,落定后与源文件重合。
  3. 颜色不混合、不渐变:每一道光只有黄或紫,星与字标只有红。辉光与光迹是同色的亮度,不引入第四种颜色。
  4. 顺序不可调换:长光 → 短光 → 星 → 名字。先有光,再有星,最后有名字。
  5. 交互幅度有上限:长光 ≤ 4u、短光 ≤ 3u(R = 15.04u),回弹阻尼 ζ = 0.55,不允许持续抖动。
  6. 尊重“减少动态效果”:直接显示末帧。
04 · DELIVERABLES

网页:本页 Canvas 引擎(无依赖,约 14 KB)· LED 大屏:16:9 与 9:16,10 s 循环,ProRes 4444 带透明通道 · 社交:3 s 方形 MP4 · 开场:按本页令牌在 After Effects 复刻,令牌一一对应。

TIMELINE 0.35 长光 · 0.62 短光 · 0.95 星核 · 1.32 点亮 · 1.90 上移 · 2.05 中文 · 2.35 英文 · 3.20 呼吸(每 5.5 s)XINMING DESIGN · 2026-11
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 导视字高 · 视距换算
观看距离12 m
场景字高(日间 ÷250)字高(夜间 / 高龄 ÷200)对应 a

经验公式:最小字高 ≥ 视距 ÷ 250,夜间与高龄客群按 ÷ 200;中文字高按同等英文大写字高的 1.15 倍。现场以 1:1 打样验证。

03 · TENANT CO-BRANDING 租户联合品牌

三条规则:租户标志的视觉高度与星荟城图形相等;中间一条 0.1a 的竖线,间距各 2a;星荟城永远在左(横式)或在上(竖式)。租户标志为示意图形,非真实品牌。

04 · SUPERGRAPHIC 超级图形 · 裁切检查器
放大3.2
X0.62
Y0.55

规则:裁切后至少露出 2 道完整的光,或露出星心加 3 道光;否则无法被认出是星荟城。检查器按几何实时判定。

05 · SEASONAL LAYER 季节活动层
春节 / 周年庆
夏日
秋季 / 开学
冬季 / 节日

活动可以换背景、换插画、换字体,但标志不换色、不加效果;季节色只能来自三个标准色的色阶,或作为背景出现。活动主视觉中标志占画面宽度 ≥ 12%,且落在安全区内。

06 · DIGITAL TOUCHPOINTS 数字触点

应用图标只用图形不用字标;图标安全区为边长的 1/8;16 px 时只保留星与六道长光(短光在该尺寸下不足 1 px)。会员卡沿用组合 D,卡面主色为紫 100%。

DERIVED FROM 三个标准色及其色阶 · 单位 a · 标志几何参数本页全部为 2026 示范规则,供运营方评审;进入手册前需按现场打样校正XINMING DESIGN · 2026-11
DESIGN TOKENS · SELF-VERIFICATION · EXTERNAL PROOF

令牌 · 验证人看到的页面与机器读到的数据,来自同一份参数

SHEET 09 / 09
REV. A · 2026-11-04 2026 示范
01 · DESIGN TOKENS

      
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. A2026-11-04首版:几何参数反推、安全区与最小尺寸、标准色与色觉、组合标注、汇聚动效、商场触点系统、令牌与自检。
OPEN—源文件(紫长光、深紫字标)与手册(黄长光、红字标)配色不一致,本页按手册;待运营方确认现场在用版本。
06 · SIGN-OFF
品牌负责人 · 武汉鼎宏商业管理有限公司

签字 / 日期
设计负责人 · 心铭舍

签字 / 日期
执行供应商(标识 / 灯箱 / 数字)

签字 / 日期
XINMING DESIGN · 心铭舍 品牌系统设计公司 · 深圳 / 新加坡 · www.xinming.sg心铭舍是一家品牌系统设计公司。2026-11-04