merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 01
01 / Identity, expression & applications

MERXI 视觉资产系统

一套从正式标识、功能图标到主视觉、市场传播和演示文稿的可复用设计语言。

merxi-kv-signal-landscape-16x9-v1.png

延续原始 Wave-M,使用明亮空间、清晰信息层级与克制的蓝白材质。所有正式标识来自原始 SVG;宣传文案与数据作为独立图层保留。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 02
02 / Logo architecture

标识体系

Azure 是主签名。反白用于饱和底色,单色用于受限生产,多色仅用于传播延展。

merxi-wave-m-azure-v1.svgmerxi-lockup-horizontal-azure-v1.svg
azure
merxi-wave-m-white-v1.svgmerxi-lockup-horizontal-white-v1.svg
white
merxi-wave-m-black-v1.svgmerxi-lockup-horizontal-black-v1.svg
black
merxi-wave-m-multicolor-v1.svgmerxi-lockup-horizontal-multicolor-v1.svg
multicolor

锁定组合中的 MERXI 字标为轮廓母版,不可用字体重新打字替代。保持全部路径、比例、间距与原始色值。PNG 仅用于不支持 SVG 的软件。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 03
03 / Logo production

安全区与最小尺寸

merxi-wave-m-azure-v1.svgx = 标识高度 H ÷ 2

四周留白至少为 0.5H;组合标志以 Wave-M 本身的高度 H 计算。边框、文字、其他 Logo 与裁切边界均不可进入安全区。

对象数字端建议下限印刷建议下限
独立 Wave-M24 px 宽;16 px 仅限 favicon8 mm 宽
横向组合120 px 宽30 mm 宽
头像与 App 图标使用原始标识居中,周边留足 0.5H不适用

最小尺寸为本素材库的制作建议;特殊工艺先打样确认。深底使用反白母版,复杂摄影区域增加纯色承载区域。

禁止用法

禁止拉伸、旋转、裁切、重画、任意换色、描边或增加阴影。3D 插画不能作为正式标识。合作品牌并列时按视觉高度对齐,两个标识之间至少保留 1H。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 04
04 / Color system

颜色角色与组合

Cloud#FCFAF4主背景
Azure#145BFF主品牌/主操作
Cobalt#0A3FB8强调/深度
Ink#10233D主要文字
Gold#D79B18价值点缀
Orange#FF6A1A事件能量
Aqua#11BED0已验证 Live
Mist#EAF2F7辅助底色
组合推荐比例适用场景
Cloud + Azure + Ink70 / 20 / 10官网、品牌文件、产品介绍
Azure + White80 / 20章节页、反白品牌传播
Cloud + Azure + Gold75 / 20 / 5重点宣传、价值表达
Cloud + Azure + Orange75 / 20 / 5赛事活动、事件传播

比例是版面占比起点,不是固定配方。Aqua 只用于已验证 Live 状态;不作为通用成功色。Gold 与 Orange 是点缀,正文使用 Ink 或各自的深色文字 token。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 05
05 / Readable by design

对比度与字体

文字/背景对比度用法
Ink / Cloud15.13:1正文
Azure / Cloud5.07:1链接/强调
White / Azure5.29:1主要按钮/反白
Gold / Cloud2.34:1装饰,不能作普通正文
Orange / Cloud2.75:1装饰,不能作普通正文

普通文字以 4.5:1 为目标,大字以 3:1 为目标;交互图形需与相邻背景保持 3:1,并同时通过标签、形状或位置表达状态。

看清变化,理解选择

MiSans 400 / 500 / 600

Read the market. Own the decision.

内容字体规则
简体中文MiSans不加字间距,不强制手动断行
英文Geist句式大小写
繁体中文/韩文MiSans TC / Pretendard按语言选择字体
赔率/概率/金额IBM Plex Sans Condensed等宽数字,保留单位与来源

网页 4 px 基础网格、8 px 节奏、手机 20 px 边距。PPT 16:9,页面边距 72 px,标题 48–76 px,正文 28–32 px。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 06
06 / Functional iconography

2D 功能图标

merxi-icon-market-outline-azure-24-v1.svg
market
merxi-icon-sports-outline-azure-24-v1.svg
sports
merxi-icon-wallet-outline-azure-24-v1.svg
wallet
merxi-icon-community-outline-azure-24-v1.svg
community
merxi-icon-shield-outline-azure-24-v1.svg
shield
merxi-icon-reward-outline-azure-24-v1.svg
reward
merxi-icon-signal-outline-azure-24-v1.svg
signal
merxi-icon-insight-outline-azure-24-v1.svg
insight
merxi-icon-calendar-outline-azure-24-v1.svg
calendar
merxi-icon-notification-outline-azure-24-v1.svg
notification
merxi-icon-share-outline-azure-24-v1.svg
share
merxi-icon-arrow-outline-azure-24-v1.svg
arrow
merxi-icon-search-outline-azure-24-v1.svg
search
merxi-icon-globe-outline-azure-24-v1.svg
globe
merxi-icon-check-outline-azure-24-v1.svg
check
merxi-icon-close-outline-azure-24-v1.svg
close
merxi-icon-play-outline-azure-24-v1.svg
play
merxi-icon-settings-outline-azure-24-v1.svg
settings
参数标准
母版24 × 24 SVG viewBox,1.75 px 线宽
端点与连接圆角端点,圆角连接
颜色Azure / Ink / White,单个图标一个语义色
使用尺寸20 / 24 / 32 px;44 px 最小触控区域
命名merxi-icon-{subject}-outline-{color}-24-v1.svg

18 个图标覆盖市场、体育、钱包、社区、安全、奖励、趋势、洞察、日历、通知、分享、导航、搜索、全球、确认、关闭、播放、设置。标签表达语义,图标不单独承担复杂说明。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 07
07 / Material & lighting

3D 营销图标

merxi-icon-market-ceramic-transparent-v1.png
market
merxi-icon-sports-ceramic-transparent-v1.png
sports
merxi-icon-community-ceramic-transparent-v1.png
community
merxi-icon-wallet-ceramic-transparent-v1.png
wallet
参数统一方向
材质Azure 缎面陶瓷,Cloud 白瓷,少量 Gold 金属
视角三分之四视角;避免同一版面混合镜头方向
灯光左上柔光,克制高光,清楚轮廓
尺度推荐 160 px 以上;主体占画布约 70–85%
文件原始透明 PNG;保留 alpha,不烘焙到白底

用于宣传、空态或章节配图。交互按钮采用 2D 图标。本次 3D 交付为渲染插画,不包含 Blender、C4D 或可旋转模型文件。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 08
08 / Key visual system

主视觉与裁切

merxi-kv-signal-landscape-16x9-v1.png

Signal 主视觉:雕塑在右,信息在左。左侧 40% 保留 Logo 与标题。Logo 不直接交给生成模型绘制。

比例推荐画布布局
16:91920 × 1080左侧文案,右侧主体
1:11080 × 1080上方信息,下方或右侧主体
4:51080 × 1350顶部标题,中下方主体
9:161080 × 1920上下安全区各预留约 15%,主体居中

横版转竖版应重新排版,不强行中心裁切。四边至少保留画布短边 6% 的安全区。社交平台界面会变化,发布前按实际预览检查遮挡。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 09
09 / Campaign composition

市场传播版式

一条主信息,一个清晰行动。用事实支撑,不把视觉装饰伪装成真实数据。

merxi-social-brand-square-1x1-v1.svgmerxi-social-sports-portrait-4x5-v1.svg
层级规范
品牌使用独立的原始 SVG Logo 图层
标题短句,一项信息,2–3 行以内
正文/数据正文可编辑;数据带单位、时间与来源
行动一条行动描述,避免多个争抢注意力的 CTA
披露需要时在底部设置适用年龄、地区、条款与责任提示

提供可编辑 SVG:品牌横版、品牌方图、体育竖版、Story、合作方图。SVG 嵌入背景图像,文字和 Logo 仍为独立元素。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 10
10 / PowerPoint system

演示文稿模板

12 页示例,10 个命名版式。一套可重复使用的品牌叙事框架。

版式使用内容
Cover / Section项目标题、章节切换
Image and text产品、用户场景、合作介绍
Comparison两个方案的平行对比
Chart / Table可编辑原生图表与表格
Roadmap / Quote阶段计划、来源明确的反馈
Closing / Guide行动与模板使用说明

使用方法

双击 POTX 新建演示;或打开 PPTX 并另存副本。复制合适的示例页,替换标题、正文与素材。在 PowerPoint 的版式菜单中选择 MERXI 命名版式。

安装品牌字体后编辑。演示文稿中的示例数值只用于测试版式。替换为真实数据,补充来源、单位与日期,再对外发送。

导出

保留 PPTX 编辑源,导出 PDF 用于审批与固定版式传阅。图片输出使用 PNG;投影为 16:9,不能横向拉伸到 4:3。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 11
11 / Asset operations

文件命名与生产交付

目录内容
00-guidelines图文手册、生产规则
01-logo8 套 SVG 母版与透明 PNG
02-colorCSS / JSON 语义 token
03-icons-2d54 个 SVG + 18 个 Azure PNG
04-icons-3d4 个独立透明 PNG
05-key-visuals2 个原始 KV 背景
06-marketing5 个可编辑传播 SVG
07-presentationsPPTX、POTX 与预览
08-source生成提示词、脚本与 manifest

merxi-{category}-{subject}-{style}-{size/aspect}-v{major}.{ext}

使用小写 kebab-case。原有 Logo 母版名称保留以便追溯。新增版本不覆盖旧版本。Manifest 记录文件路径、尺寸、SHA-256 与来源类型。

merxi-lockup-horizontal-azure-v1.svgMERXI / DESIGN LIBRARY / 12
12 / Production checklist

使用与发布检查

正式标识

核对原始 SVG 路径与宽高比。检查安全区、背景对比与最小尺寸;确认没有裁切和特效。

图文版式

检查标题、正文、图像是否彼此留有空间。中文不能以关闭标点开头;数字、单位和品牌名称保持完整。PNG 的透明边缘应在浅色和深色背景上查看。

数字与渠道

所有数据替换完成;单位、时间与来源可追溯。模板文字不得误当真实业务声明。按实际发布界面检查封面裁切和 UI 遮挡。

印刷生产

交付 SVG/PDF 母版。位图按最终物理尺寸检查分辨率。RGB 色值不是通用 CMYK 或 Pantone 等价物;按印厂 ICC 配置转换并打样,不宣称未经打样的色彩匹配。

资产来源

Logo、字体与 token 延续 MERXI 当前品牌库。2D 图标为可编辑矢量。3D 与 KV 由内置 image_gen 生成,完整提示词保存在 08-source。生成图像不能反向作为 Logo 母版。