品牌系统 v1.0
MariMetric 视觉识别
驱动实时海运智能平台的完整设计语言 —— 从 Logo、色彩、字体到组件与声音。
- 60+设计令牌
- 12核心组件
- 18语言
- 4行业标准
01 · 品牌标志
Logo 与字母标识
船舵与数据点的相遇 —— 海运智能的印记。
Dark
MariMetricMaritime Intelligence
完整组合
用于浅色背景、营销页与网站顶部。
Dark
字母标识
用于 Favicon、应用图标、头像与紧凑 UI。
Light
MariMetricMaritime Intelligence
完整组合
On light surfaces
Light
字母标识
Inverse on light surfaces
安全空间
标志四周始终保留与字母 M 高度相等的留白。
M
M
M
M
MariMetricMaritime Intelligence
最小尺寸
小于以下尺寸时,请去掉字标,仅使用字母标识。
64 px
48 px
36 px
28 px
Web favicon · App icon · Avatar · Inline icon
02 · 色彩系统
值得信赖的色彩
以深海蓝为底,科技蓝为亮;语义色表达状态,中性色搭建层次。
主色
Deep Sea
--background
Brand base
Deep Sea · Elevated
--background-elevated
Deep Sea · Subtle
--background-subtle
强调色
Tech Blue
--accent
Primary action
Tech Blue · Hover
--accent-hover
Tech Blue (Light)
--accent / light
Light theme
辅助色
Teal
--teal
Live / Success accent
Cyan
--cyan
Data / Info accent
Indigo
(tracking-500)
MCP / AI
语义色
Success
--success
Warning
--warning
Danger
--danger
文字色
Foreground
--foreground
Primary text
Muted
--foreground-muted
Subtle
--foreground-subtle
03 · 字体
会呼吸的字体
Geist Sans 承载人文,Geist Mono 承载数据。一个字体家族保持品牌一致。
Geist Sans · 6xl
展示 · 6xl · Semibold
MariMetric
Geist Sans · 4xl
标题 1 · 4xl · Semibold
Track any container
Geist Sans · 3xl
标题 2 · 3xl · Semibold
Real-time maritime intelligence
Geist Sans · 2xl
标题 3 · 2xl · Semibold
Currently at: Vessel Departure
Geist Sans · lg
正文大 · lg · Regular
Track containers across MSC, COSCO and 20+ carriers.
Geist Sans · base
正文 · base · Regular
The missing data layer for global shipping.
Geist Sans · sm
小字 · sm · Regular
7-day history · 100 MCP calls / month
Geist Sans · xs caps
说明 · xs · Medium · 大写
Standards & Compliance
Geist Mono · sm · Medium实时指示
MSCU1234567COSU6284910ONEU7740021
04 · 组件
可组合的积木
每个组件由令牌搭建,每个页面由组件拼装。一致性是自然的结果。
按钮
徽章与状态
Live已到港在途中异常待装船中性
卡片与表面
仪表盘
承运人、港口、延误分析
追踪
实时集装箱位置与状态
API
统一的承运人数据接口
实时指示
数据每 30 分钟刷新
API 健康 · P95 120ms
MCP 服务器在线
05 · 模式与表面
会呼吸的表面
网格、光晕、封面图案 —— 让 MariMetric 像仪表盘,而非网页。
网格
40px 间距 · 0.05 不透明
径向光晕
品牌色从角落散开
玻璃模糊
Header 顶部磨砂
扫描雷达
实时感 / 主动监测
封面图案 · 8 种变体
Transit
Port
Tracking
Guide
Logistics
Industry
Shipping
Tech
06 · 声音与语气
简洁、冷静、专业
我们像导航员一样说话,不像销售员。一句话说好,不说很多。
推荐
追踪这票 MSC 集装箱,6 小时后到达上海。
避免
立即解锁实时集装箱可见性,体验业界第一的平台!
推荐
当前位置:船舶离港。ETA 3 天。
避免
哇!您的集装箱正在开启一段奇妙旅程!请持续关注哦~
推荐
暂未获取到该船公司的追踪数据。
避免
哎呀!出错了,请稍后再试。
07 · Do's & Don'ts
守护标志
标志承载品牌,请像对待价值连城的设备一样对待它。
MariMetricMaritime Intelligence
不要拉伸或压缩比例。
MariMetricMaritime Intelligence
不要使用调色板之外的颜色。
MariMetricMaritime Intelligence
不要添加阴影、描边或光晕。
MariMetricMaritime Intelligence
不要把标志放在繁杂或低对比度的背景上。