品牌设计规范

类型：INVARIANT（必须遵守） · 适用范围：MintPop 品牌下所有产品

Slogan：Pop into something fresh. 品牌名、标记、配色、字体跨产品一致，保证用户在不同产品间认得出这是同一个品牌。

一、品牌名写法（INVARIANT）

• 正文写法：MintPop（M、P 大写，连写，无空格）。
• 词标（logo）里为全小写 mintpop——那是 Logo 字形，不代表正文写法。
• ❌ 错误：Mintpop / mint pop / MINTPOP（正文里）/ Mint-Pop。
• 产品命名：MintPop <ProductName>（如 MintPop Keeper）；口语可简称产品名。

二、核心标记 · The Pop Mark（INVARIANT）

词标中 pop 的字母 o 就是品牌标记：绿色半色调圆盘 + 上下爆裂短线（halftone fade · burst rays）。

• 标记为原图标像素级抠出（透明底），不得重绘或改动设计。
• 爆裂短线是黑色、专为浅背景设计；深色背景改用白字词标（见下方）。

三、配色（INVARIANT）

色卡	名称	HEX	用途
	Mint	#17D1A7	主色（取自图标实采样）
	Mint Bright	#1FE3AD	渐变高光端
	Mint Deep	#0FB389	渐变深色端
	Ink	#0B0B0C	文字 / 深色底
	Cloud	#F4F8F6	浅色底 / 浅色瓦片

主色 #17D1A7 是设计基线的默认 Brand 色；产品可换主色，但品牌标记/词标本身的绿不可改。

四、字体（INVARIANT）

展示字体二选一，正文字体固定。产品选哪副展示字体，在自己的设计规范里写明。

字体	角色	气质	字重
Newsreader	展示大标题 / 标题（默认；衬线，斜体用于标题内强调）	专业、稳重	Medium / Medium Italic
Fredoka	展示大标题 / 标题（可选；圆润几何无衬线，与 logo 字形同源）	俏皮、活泼	SemiBold
Space Grotesk	UI 与正文（所有产品统一）	—	Regular / Medium / SemiBold / Bold

• 一律自托管（走 Fontsource：@fontsource/newsreader、@fontsource/fredoka、@fontsource/space-grotesk），禁止外链 Google Fonts，保证含中国大陆在内全球可达。
• 中文不自托管 webfont（体积以 MB 计），挂在两副西文字体之后走系统回退：PingFang SC / Hiragino Sans GB / Microsoft YaHei / Noto Sans CJK SC。
• 词标（logo）字形烤在图片里，不靠任何 webfont 渲染；不要用文字排出 logo，一律引用资源样例里的词标图。

字体样张（本站真实渲染，中文走系统回退）：

Newsreader · 展示（默认）· Medium / Medium Italic

One API for text, vision, and voice.

一个接口，文本、视觉与语音

Fredoka · 展示（可选）· SemiBold

Pop into something fresh.

世界杯赛事预测 · 队名 VS 大数字 2026

Space Grotesk · UI 与正文 · Regular / Medium / SemiBold / Bold

Regular 400 — Build text, vision, and voice into your product. 把文本、视觉与语音接进你的产品。
Medium 500 — Build text, vision, and voice into your product. 把文本、视觉与语音接进你的产品。
SemiBold 600 — Build text, vision, and voice into your product. 把文本、视觉与语音接进你的产品。
Bold 700 — Build text, vision, and voice into your product. 把文本、视觉与语音接进你的产品。

五、Logo · 词标（INVARIANT）

按背景深浅选版本，不要把深字版硬放到深底上（反之亦然）：

• 浅背景 → 深字版 wordmark/mintpop-wordmark-dark.png
• 深背景 → 白字版 wordmark/mintpop-wordmark-light.png

两版的实际样子见下方资源样例。

六、资源样例（INVARIANT）

品牌级资源在本站 assets/brand/，各产品引用同一份，不要自己重画。点下方任意文件即可复制它的完整链接，直接粘到代码或喂给 Agent。

词标 Wordmark

图标 The Pop Mark

应用图标 App Icon @512

头像 Avatar

Favicon 全套

七、使用规则（INVARIANT）

• 不许改：不拉伸变形、不换配色、不加描边/阴影、不旋转、不重绘标记。
• 留白：Logo 四周留出不小于图标高度 1/2 的净空，不贴边、不被文字包围。
• 最小尺寸：图标最小 16px，横版词标最小高度 20px。
• 背景：浅底用深字词标 / 原标记；深底用白字词标。
• 分辨率：标记「真身」约 208px，故 favicon / 应用瓦片 / 网页用途都清晰（均为下采样）。1024 应用商店图标或大尺寸印刷需放大会糊——唯一无损办法是把标记重绘成矢量（等于重画一遍），需要时再做。

八、域名约定（INVARIANT）

• 主域：mintpop.ai。
• 产品站点用子域：<product>.mintpop.ai（如 keeper.mintpop.ai）。
• 规范中心：standards.mintpop.ai（即本站）。