视觉识别

品牌指南

RutaPro 是面向专业司机的智能平台。本指南定义品牌在各触点上应如何呈现、感受与沟通。

品牌理念

RutaPro 是面向专业司机的智能平台。品牌代表盈利、数据分析、运营效率以及基于真实信息的决策。

视觉识别应传达专业、科技、信任、盈利、现代、商业智能与简洁。

品牌应更接近现代金融科技或 SaaS 产品,而非传统出行应用。它不是出行应用,而是面向专业司机的智能与盈利平台。

专业科技信任盈利现代商业智能简洁

色彩系统

主蓝色

#1454E6

代表

科技 · 信任 · 创新 · 安全

用途

主按钮, 链接, 高亮元素, 标识, 主图标体系

识别体系的主色调。

深蓝色

#0A2E8A

代表

权威 · 专业 · 稳定

用途

高级背景, 页眉, 页脚, 图表, 仪表盘

盈利绿

#00C853

代表

收益 · 增长 · 成功 · 正向结果

用途

财务指标, 正向 KPI, 收益, 有利统计

视觉上不得与主蓝色竞争。

浅绿色

#69F0AE

代表

确认 · 优化 · 健康状态

用途

悬停, 激活状态, 正向标签

白色

#FFFFFF

代表

透明 · 清晰 · 简洁

用途

主背景, 卡片, 内容区域

浅灰色

#F5F7FA

代表

组织 · 视觉整洁

用途

次要背景, 区块, 容器, 表格

深灰色

#2B3445

代表

可读性 · 视觉层级

用途

正文, 次要标题, 次要图标

标识使用

标识由品牌图标与 RutaPro 字标组合而成。请始终遵守下方所示的安全区域与最小尺寸。

完整字标

220 px
68 px
安全区域
RutaProRutaPRO
17 px
最小尺寸

32 px(图标)· 120 px(完整字标)

安全区域

四周等于图标高度的 25%

仅图标

32
32
RutaPro icon

min 32 × 32 px

比例

RutaPro 32px32px
RutaPro 48px48px
RutaPro 68px68px

正确用法

  • 用于白色或浅灰色背景。
  • 保持原始比例,不得变形。
  • 字标使用主蓝色。
  • 标识周围保留留白空间。

错误用法

  • 不得旋转、倾斜或为标识添加阴影。
  • 不得更改官方字标颜色。
  • 不得置于降低对比度的背景上。
  • 不得压缩至最小尺寸以下。

图标风格

图标应极简、几何化、一致(相同线宽)且具有科技感(现代 SaaS 风格)。

技术特征:圆角、描边或双色风格、统一笔画、无 3D 效果、无内阴影、设计干净。

  • 主题:路线、GPS、导航、金钱、统计、效率、时间、车辆、安全与盈利。
  • 示例:图表、地图、定位标记、速度表、硬币、纸币、盾牌、勾选标记、时钟及简化车辆图形。

摄影风格

图像应展示真实司机、现代车辆、城市环境、移动技术使用场景以及情境中的地图。

避免明显通用的库存照片、昏暗画面、老旧车辆以及过度饱和或不真实的摄影。

界面风格

界面应感觉干净、快速、现代且专业。体验应传达效率与清晰,如同实时财务分析工具。

字体

主字体 — Montserrat:标识、标题与章节标题。推荐字重:ExtraBold、Bold 和 SemiBold。

副字体 — Inter:仪表盘、表格、表单与移动应用。针对数据阅读与信息密度优化。

视觉个性

如果 RutaPro 是一个人,它将是分析实时数据、帮助司机赚更多钱并做出更好决策的财务顾问。

每个视觉元素都应强化这一感知:智能、盈利与专业信任。

视觉灵感

StripeUber DriverNotionLinearRevolut