品牌指南

XMoFit 品牌视觉识别系统和使用规范

打造统一的品牌形象

MoFit 品牌代表着创新、健康和可持续发展。请遵循本指南确保品牌的一致性和专业性。

📥 下载品牌资源包

标志系统

MoFit 标志是我们品牌的核心视觉元素

MoFit

主标志 - 深色背景

适用于深色背景

MoFit

主标志 - 浅色背景

适用于浅色背景

XM

简化标志

空间受限时使用

应用图标

移动应用和社交媒体

标志安全空间

确保标志周围有足够的空白区域,最小安全空间为标志高度的 1/4

XMoFit
1/4 X
1/4 X
1/4 X
1/4 X

色彩系统

统一的色彩语言传达品牌价值

主色调

XMoFit Green
XMoFit Green
HEX: #1CE4C8 RGB: 28, 228, 200 HSL: 171°, 78%, 50%
XMoFit Purple
XMoFit Purple
HEX: #7A5CFF RGB: 122, 92, 255 HSL: 251°, 100%, 68%
Dark Background
Dark Background
HEX: #0E0F12 RGB: 14, 15, 18 HSL: 225°, 12%, 6%
Light Text
Light Text
HEX: #F5F7FA RGB: 245, 247, 250 HSL: 216°, 33%, 97%

辅助色彩

Success Green
Success
HEX: #22C55E
Warning Orange
Warning
HEX: #F59E0B
Error Red
Error
HEX: #EF4444
Muted Gray
Muted
HEX: #AEB4BF

字体系统

清晰易读的字体层级

主要字体:Inter

Inter 是一款专为屏幕显示优化的字体,具有出色的可读性

Aa 运动创造价值

H1 / 48px / Bold

Aa 健康即财富

H2 / 36px / Bold

Aa Move to Earn

H3 / 24px / Semibold

XMoFit 是全球首个专为运动健康产业设计的垂直区块链基础设施,通过创新的 Move-to-Earn 模式让每个人的健康数据产生价值。

Body / 16px / Regular

注:请确保在所有平台保持字体的一致性

Small / 14px / Regular

代码字体:Fira Code

用于代码展示和技术文档

const reward = calculateReward(steps, distance);
console.log(`You earned ${reward} MFT!`);
Code / 14px / Regular

使用规范

正确使用品牌元素的指导原则

✅ 正确示例

在充足的空白区域中使用标志
保持标志的原始比例
使用指定的品牌色彩
在对比度良好的背景上使用
使用官方提供的文件格式

❌ 错误示例

拉伸或压缩标志
改变标志的颜色
添加阴影或特效
在复杂背景上使用
与其他元素距离过近

⚠️ 重要提示

  • 未经授权不得修改品牌标志和视觉元素
  • 在营销材料中使用品牌元素需要审批
  • 合作伙伴使用品牌需签署品牌使用协议
  • 如有疑问,请联系品牌团队:[email protected]

应用示例

品牌在不同场景下的应用展示

📱

移动应用

iOS 和 Android 应用界面设计规范

查看详情
🌐

网站设计

响应式网站设计和 UI 组件库

查看详情
📄

文档模板

PPT、PDF 等文档设计模板

查看详情
🎨

营销物料

海报、横幅、社交媒体素材

查看详情
👕

周边产品

T恤、帽子、运动装备设计

查看详情
🏃

活动物料

线下活动视觉设计方案

查看详情

下载品牌资源

获取完整的品牌资源包,包含所有标志、字体、模板和使用指南

📦 完整资源包 (ZIP) 📄 PDF 指南 🎨 Figma 文件

导航菜单

首页 代币 Move-to-Earn NFT装备 运动商城 跨链桥 区块链 DataFi 排行榜 TicketFi 治理 用户中心 数据仪表盘