Brand Resources

ifu 品牌资源

欢迎使用 ifu 品牌资产

使用前请阅读品牌规范,正确使用 ifu 品牌,避免滥用

下载完整品牌规范包(ZIP · 12.4 MB) 查看品牌规范
Logo

品牌 Logo

四款官方版本,按场景选择使用。Logo 周围至少保留 1 个图标高度的留白空间,确保在不同场景下不与文字、其他图形冲突

ifu

Logo Icon 静态版

网站头部、产品图标、印刷品、默认场景(无动画)

  • SVG 1 KB · 下载
  • PNG @1x 24 KB · 稍后提供
  • PNG @2x 48 KB · 稍后提供
ifu

Logo Icon 动画版

加载页、首页 Hero、视频片头(描边绘制动画)

  • SVG 1 KB · 下载
  • PNG @1x 16 KB · 稍后提供
  • PNG @2x 32 KB · 稍后提供
ifu

Loading 动画版

应用启动 Loading、长时间任务等待(菊花旋转动画)

ifu ifu.me It's For You

组合标志(横向)

横幅场景、邮件签名、社媒封面、品牌展示页主视觉

Colors

品牌色彩

绿色为主,9 阶过渡,传达'做扎实'的稳重

主色 · 绿色阶

Green 100 #d1fae5 · --ifu-green-100 浅背景
Green 200 #a7f3d0 · --ifu-green-200 悬浮态
Green 300 #6ee7b7 · --ifu-green-300 辅助色
Green 400 #34d399 · --ifu-green-400 主强调
Green 500 #10b981 · --ifu-green-500 品牌主色
Green 600 #059669 · --ifu-green-600 按钮主色
Green 700 #047857 · --ifu-green-700 标题强调
Green 800 #065f46 · --ifu-green-800 深色文字
Green 900 #064e3b · --ifu-green-900 最深绿

中性色阶

White #ffffff · --ifu-white 卡片背景
Cream 50 #fafaf5 · --ifu-cream-50 页面背景
Cream 100 #f4f4ef · --ifu-cream-100 次级背景
Cream 200 #e8e4dc · --ifu-cream-200 分隔线
Gray 300 #d6d2ca · --ifu-gray-300 边框
Gray 500 #8b8880 · --ifu-gray-500 次要文字
Gray 700 #5c5c52 · --ifu-gray-700 正文
Black 900 #1a1a1a · --ifu-black-900 主标题

语义色

Success #10b981 · --ifu-success 成功 / 已完成
Info #3b82f6 · --ifu-info 信息 / 提示
Warning #f59e0b · --ifu-warning 警告 / 注意
Error #ef4444 · --ifu-error 错误 / 失败
Typography

品牌字体

中文首选 HarmonyOS Sans,英文首选 Inter

中文栈

简单的工具,更好的生活 ABCabc 123

HarmonyOS Sans, Noto Sans SC, PingFang SC, Microsoft YaHei, sans-serif
英文栈

Small Tools. Better Life. ABCabc 123

Inter, Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif
字号规范
Display 48px ifu 小工具 页面主标题
H1 36px ifu 小工具 板块标题
H2 28px ifu 小工具 区块标题
H3 20px ifu 小工具 卡片标题
Body 16px ifu 小工具 正文
Caption 12px ifu 小工具 辅助说明
字重规范
Ag Regular 400 正文
Ag Medium 500 强调
Ag Semibold 600 小标题
Ag Bold 700 主标题
下载字体包(稍后提供)
Pairing Rules

素材对色规则

正确与错误的使用示例,避免品牌资产被误用

背景兼容性

Logo / 品牌色在不同背景下应保持清晰可读。深色背景必须使用白色 / 浅色版本;浅色背景使用默认深色版本。

浅色背景 + 深色 Logo(默认)
浅色背景 + 浅色 Logo(看不清)

对比度

文字与背景的对比度需达到 WCAG AA 标准(正文 ≥ 4.5:1,大字号 ≥ 3:1)。

Gray 700 on Cream 50 = 合格(≥ 4.5:1)
Gray 500 on Cream 50 = 不合格(< 4.5:1)

暗色模式

暗色模式下,品牌主色(Green 500)保持不变,但中性色翻转:深色背景 + 浅色文字。

暗色背景 + Green 500 强调 + 浅色文字
暗色背景 + 深色文字(看不清)

禁止滥用

禁止拉伸 / 旋转 / 改变颜色 / 添加阴影 / 与低质背景叠加。Logo 必须保持原始比例和颜色。

原始比例 + 原始颜色
拉伸变形 + 改变颜色 + 加阴影(禁止)
Usage

使用条款

如对品牌使用有疑问,联系 hi@ifu.me

可商用

ifu 品牌资产允许在商业场景下使用——媒体文章、产品评测、技术博客、集成文档等。

必须保留版权

使用品牌资产时必须保留 '© ifu 2026' 或 'ifu.me' 标识。不得隐去版权信息。

不可单独修改

不得单独修改 Logo / 颜色 / 字体。如需定制化使用,请联系 hi@ifu.me 获得书面授权。

修改需授权

对品牌资产进行任何修改(拉伸 / 旋转 / 变色 / 动画 / 3D 化等)需要提前获得 hi@ifu.me 书面授权。

媒体 / 评测机构使用 ifu Logo 需要授权吗?
不需要。媒体文章、产品评测、技术博客、集成文档等场景下,可直接下载使用,无需额外授权。但请保留 '© ifu' 标识。
商业产品集成 ifu 时可以使用 Logo 吗?
可以。集成方在产品文档 / 帮助中心 / 合作伙伴页面展示 ifu Logo 时,无需额外授权。但不得暗示 ifu 官方背书或合作。
可以把 ifu Logo 用作 App 图标或 favicon 吗?
可以使用'仅图标'版本(icon-only)作为 App 图标或 favicon。完整 Logo(横版 / 文字版)不适用于此场景。
可以修改 Logo 颜色以匹配我的产品主题吗?
不可以。Logo 颜色必须保持原始颜色。如需特殊场景,请联系 hi@ifu.me 申请授权版本。
退役的旧版 Logo 还可以使用吗?
不可以。必须使用当前版本的品牌资产,退役版本不得继续使用。如有疑问请联系 hi@ifu.me。