DevFleet Logo

DevFleet Logo Brand Kit

完整的品牌标识指南 — 包含所有图标变体、颜色规范、使用准则和多尺寸资源套件

图标变体

四种适用于不同场景的标准变体

Standard

标准版 / Standard

蓝色渐变背景 — 主要使用场景
Dark

深色版 / Dark

深色背景 — 暗黑模式场景
Light

浅色版 / Light

浅色背景 — 明亮界面场景
Mono

单色版 / Monochrome

黑白方案 — 印刷/单色场景

横版 Logo

适用于网站头部、社交媒体封面等宽幅场景

品牌色彩

标准色值规范,确保跨平台一致性

Primary Blue Gradient
#63B3ED → #3182CE
主渐变背景色
Primary Blue
#4A90D9
RGB(74, 144, 217)
Dark Blue
#2B6CB0
RGB(43, 108, 176)
Light Blue
#63B3ED
RGB(99, 179, 237)
White
#FFFFFF
Logo 字体色
Dark Theme
#1A1A2E → #16213E
深色主题背景

使用规范

保证品牌形象一致性的基本准则

Safe Area

安全区域

图标四周应保留至少 图标宽度 25% 的安全距离,确保在任何场景下不被其他元素遮挡或挤压。安全区域内不应放置任何文字、图形或装饰元素。

最小使用尺寸为 16×16px,低于此尺寸可能导致细节丢失。

✓ 正确

在纯色或简洁的背景上使用图标

✓ 正确

在深色背景上使用标准版或深色版图标

✓ 正确

保持图标的原始比例,等比缩放

✗ 避免

不要拉伸或压缩图标,破坏比例

✗ 避免

不要旋转图标或添加额外的阴影效果

✗ 避免

不要将图标放在复杂纹理或花纹背景上

尺寸总览

从 16px Favicon 到 1024px App Store 图标的完整尺寸套件

16
Favicon
16×16
32
Favicon 2x
32×32
48
Windows
48×48
64
Taskbar
64×64
128
macOS
128×128
180
Apple Touch
180×180
192
Android
192×192
256
Desktop
256×256
512
PWA / Android
512×512
1024
App Store
1024×1024

资源清单

所有可用图标文件及其适用场景

预览 文件名 尺寸 变体 用途
icon-main-16.png16×16标准 Favicon
icon-main-32.png32×32标准 Favicon @2x
icon-main-48.png48×48标准 Windows 图标
icon-main-64.png64×64标准 任务栏
icon-main-128.png128×128标准 macOS 图标
icon-main-180.png180×180标准 Apple Touch Icon
icon-main-192.png192×192标准 Android / PWA
icon-main-256.png256×256标准 桌面应用
icon-main-512.png512×512标准 高清展示
icon-main-1024.png1024×1024标准 App Store
深色版 / Dark Variant
icon-dark-bg.png1024×1024深色 暗黑模式
icon-dark-[16~512].png多尺寸深色 暗黑模式各尺寸
浅色版 / Light Variant
icon-light-bg.png1024×1024浅色 明亮界面
icon-light-[16~512].png多尺寸浅色 明亮界面各尺寸
单色版 / Monochrome Variant
icon-monochrome.png1024×1024单色 印刷 / 单色
icon-mono-[16~512].png多尺寸单色 印刷各尺寸
透明底 / Transparent
icon-letter-transparent.png1024×1024透明 叠加使用
横版 Logo / Banner
logo-banner.png1792×1024横版 封面 / 头图