OnlineFreeTools.org
  • 首页
  • 图片编辑工具
    • 图片文字水印 — 浏览器内本地标注
    • 图片主色提取 — 色板与点击取色
    • 图片翻转 — 水平或垂直镜像
    • 图片加边框 — 选颜色与宽度
    • 图片压缩 — 缩小尺寸与文件体积,本地完成
    • 图片裁剪与改尺寸 — 本地完成
    • 图片 EXIF 查看与清除 — GPS、相机信息、本地处理
    • 图片格式转换 — PNG JPEG WebP AVIF BMP GIF ICO SVG 本地完成
    • 图片转灰度 — 本地黑白转换
    • 多图拼接 — 合成一张拼图,本地完成
    • 图片优化 — 更小体积,可调编码器,本地完成
    • 图片叠加 Logo — 透明定位,本地完成
    • 图片与 Base64 互转 — 本地编码解码
    • 多图转 GIF — 本地合成短动画
    • 多图转 PDF — 每图一页本地合并
    • 多图转 PPT — 每图一张幻灯片
    • 多图转 Word — 本地生成 DOCX
  • 设计工具
    • 品牌色色阶生成 — 一主色出 50–950 色板与 CSS 变量
    • 品牌手册 — 智能预填的设计规范,可手动改
    • 智能配色 — 网站颜色搭配方案与 CSS 变量
    • WCAG 对比度检测 — AA/AAA 比率在线算
  • 开发者工具
    • 给域名添加 www DNS — 记录生成与各平台教程
    • CSV ↔ JSON 互转 — 类型、分隔符、本地处理
    • HTML 实体编解码 — 转义、反转义、本地处理
    • IndexNow — Bing URL 提交、密钥检查与状态码
    • IP 地址查询 — 查看我的公网 IP(IPv4/IPv6)
    • JSON Schema 校验器 — 路径错误与本地处理
    • Markdown ↔ HTML 转换 — 预览与安全清理
    • 在线文本对比 — 文本差异对比工具
    • 在线查看 HTTP 响应头
    • YAML ↔ JSON 互转 — 类型规则、多文档、本地处理
  • 计算器
    • BMI 计算器 — 如何计算身体质量指数
    • 多元函数梯度计算 — ∇f 偏导向量
    • 边际收益计算 — 公式 MR = ΔTR / ΔQ
    • 百分比变化计算 — 旧值到新值的涨跌幅
    • 投资回报率(ROI)计算 — 公式与示例
    • 平方英尺转平方米 — 看房与装修面积换算
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

工具

图片文字水印 — 浏览器内本地标注给域名添加 www DNS — 记录生成与各平台教程品牌色色阶生成 — 一主色出 50–950 色板与 CSS 变量品牌手册 — 智能预填的设计规范,可手动改图片主色提取 — 色板与点击取色CSV ↔ JSON 互转 — 类型、分隔符、本地处理图片翻转 — 水平或垂直镜像BMI 计算器 — 如何计算身体质量指数多元函数梯度计算 — ∇f 偏导向量边际收益计算 — 公式 MR = ΔTR / ΔQ百分比变化计算 — 旧值到新值的涨跌幅投资回报率(ROI)计算 — 公式与示例HTML 实体编解码 — 转义、反转义、本地处理图片加边框 — 选颜色与宽度图片压缩 — 缩小尺寸与文件体积,本地完成图片裁剪与改尺寸 — 本地完成图片 EXIF 查看与清除 — GPS、相机信息、本地处理图片格式转换 — PNG JPEG WebP AVIF BMP GIF ICO SVG 本地完成图片转灰度 — 本地黑白转换多图拼接 — 合成一张拼图,本地完成图片优化 — 更小体积,可调编码器,本地完成图片叠加 Logo — 透明定位,本地完成图片与 Base64 互转 — 本地编码解码多图转 GIF — 本地合成短动画多图转 PDF — 每图一页本地合并多图转 PPT — 每图一张幻灯片多图转 Word — 本地生成 DOCXIndexNow — Bing URL 提交、密钥检查与状态码IP 地址查询 — 查看我的公网 IP(IPv4/IPv6)JSON Schema 校验器 — 路径错误与本地处理Markdown ↔ HTML 转换 — 预览与安全清理智能配色 — 网站颜色搭配方案与 CSS 变量平方英尺转平方米 — 看房与装修面积换算在线文本对比 — 文本差异对比工具WCAG 对比度检测 — AA/AAA 比率在线算在线查看 HTTP 响应头YAML ↔ JSON 互转 — 类型规则、多文档、本地处理

品牌手册 — 智能预填的设计规范,可手动改

在浏览器里搭品牌设计规范。填写品牌名、行业、主色 HEX(示例 Northline Studio #0F6E8C),选性格标签与模块,得到含净空、配色、字体、间距与禁用示例的规则草稿,再复制 Markdown 或 JSON。智能预填逐字段可改 — 非云端 AI,不上传。

标签影响圆角、字体提示、语气与主色使用范围。

关闭的模块不会出现在预览与导出中。

这是可编辑草稿,非商标法律意见。结构预设(严格 / 产品 / 亲和)为公开规范结构的参考模式 — 非官方品牌套件,也不代表与相关机构有关联。生成在本地完成;我们不托管第三方 Logo。

怎么用

填品牌基础信息,选结构预设与模块,点生成。工具按可见性格规则(圆角、字体提示、语气、主色面积)生成禁用示例,并导出 Markdown/JSON。你改过的字段保持手动;「仅重填未改项」只刷新未动过的预填。

你会看到的规则

模块、预填与手动、对比度与隐私。

  • 规范结构为 模块 → 元素 → 示例(推荐/禁止)。关闭模块不出现在导出中。
  • 性格标签映射圆角、主色最大面积、字体角色与语气 — 规则可见,不是黑箱。
  • Logo 净空默认 1× 标识高度(严格预设 1.5×)。数字最小尺寸随预设变化。
  • 状态色固定且与品牌主色解耦,错误提示不会继承品牌色相。
  • 「智能」指本页确定性规则 — 不是云端 LLM 品牌套件。
  • 隐私:生成、预览、剪贴板、Word 与 PDF 均在本地;点击下载时才加载库,不上传正文。

示例

加载示例:Northline Studio、SaaS、#0F6E8C、沉稳+技术感、产品预设。预览含基础、Logo 净空、配色与推荐/禁止卡片;Markdown/JSON 同步;下载的 Word/PDF 与预览视觉一致。

适合什么场景

  • 独立站点在请设计师前先写一版视觉规则表。
  • 自由职业者给客户可编辑 Markdown 手册,而不只交 PDF。
  • 小团队对齐网页、社媒与 App 壳层的净空与配色比例。

常见问题

「智能预填」是不是 AI 生成品牌?

不是。智能指固定可见规则(性格→圆角/字体/语气,HEX→辅色/强调色)。不会调用模型 API。

和调色板工具有什么不同?

调色板工具侧重色块或 CSS token。本页生成多模块规范文档(Logo、字体、间距、示例)。更深色阶请用品牌色色阶生成或智能网站配色。

结构预设会改什么?

严格偏重 Logo 净空与边界;产品默认开 token 友好模块;亲和额外开语气与触点。模块仍可手动开关。

能当正式商标使用许可吗?

不能。导出是你自有品牌的工作草稿,非法律意见,也不授权使用他人标识。

关闭的模块还在 JSON 里吗?

模块开关会保存;预览与 Markdown 省略关闭章节,合作方只看到启用的部分。

Word 和 PDF 怎么导出?

Word 与 PDF 会截取与页面预览相同的视觉(html2canvas),再分页写入 .docx 图片或 PDF 页。动效示例会冻结为一帧静态图。生成后均在本地完成;点击下载时才加载库。

相关工具

  • 品牌色色阶生成 — 一主色出 50–950 色板与 CSS 变量
  • 智能配色 — 网站颜色搭配方案与 CSS 变量
  • WCAG 对比度检测 — AA/AAA 比率在线算

分享这个工具

可通过社交网络分享,或复制本页链接;支持系统分享的设备也可一键分享。

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/zh/tools/brand-style-guide

咨询与反馈

页面不清、功能异常或想提建议?在下方起草邮件,我们会阅读每一封关于工具的来信。

邮箱: dailyonetools@outlook.com

参考来源

  • WCAG 2.2 Understanding — Contrast (Minimum)
  • Material Design 3 — Styles
  • Carbon Design System — Color
  • NASA Brand Guidelines (structure reference)
  • docx — JavaScript library
  • pdf-lib
OnlineFreeTools.org · 学习项目 · 持续迭代
关于·开发日志·隐私·条款·联系