让每一份产出，都一眼是 Modelspectra
本规范定义 Modelspectra 全部对外内容——网页、研究报告、图表与对外文档——的视觉语言与写作标准。研究报告作者无需自行做设计决策：颜色、字号、组件、语气、报告骨架均已在下文规定，照此执行即可保证风格统一。文档本身即按本规范渲染，可直接作为视觉参照。
01
品牌 Brand
品牌资产保持高度一致，不允许自行重绘 Logo 或更改品牌色。
品牌名与标识
- 品牌名：Modelspectra（一个词，首字母大写，中间无空格、不写成 ModelSpectra / Modelspectre / Modelscape）。
- Logo：深墨绿圆角方块（#1a3c34，圆角 8px）内白色大写字母 M，右侧跟品牌名。最小展示高度 24px；Logo 四周预留不小于其高度 1/3 的净空，不压文字、不放图片上。
- 域名 / 接口 / 联系：modelspectra · api.modelspectra.ai · Contact@modelspectra.com。
- 定位一句话：独立第三方的人工智能模型情报平台（Independent AI model intelligence）。
Logo 使用红线
允许
- 深绿底白 M，或白底深绿 M
- 等比缩放，保持圆角比例
- 深色封面/页脚使用反白版本
禁止
- 更改 M 字体、倾斜、加阴影特效
- 换成其他绿色或渐变色块
- 拉伸变形、加外描边、旋转
02
色彩 Color
全部颜色只允许取自下列令牌（CSS 变量），不得自行取色。整体为"暖灰中性底 + 深墨绿主色 + 克制金色点缀"。
主色 · Brand Green（深墨绿，用于主按钮、链接、强调、图表主序列）
accent
#1a3c34
主色 / 主按钮 / 标题强调
accent-2
#2d5a4e
hover / 渐变末端
accent-light
#e8f0ed
浅底 / 选中 / 标签底
accent-mid
#c5d8d1
弱分隔 / 虚线边框
中性色 · Neutral（暖灰，背景层级由深到浅：bg → bg-2 → bg-3 → card）
bg
#f5f3ef
页面底色
bg-2
#ebe8e2
表头 / 轨道 / 次级底
bg-3
#e2dfd8
边框 / 分隔线
card
#ffffff
卡片 / 容器
文字 · Ink（四级灰阶，正文不用纯黑 #000）
ink
#1a1a1a
标题 / 最重文字
ink-2
#4a4a4a
正文
ink-3
#8a8a8a
辅助 / 大写标签
ink-4
#b8b8b8
占位 / 最弱
奖牌与语义色 · Medal & Semantic（金色仅用于第 1 名 / 冠军 / 关键强调，不可滥用）
gold
#b8860b
冠军 / 前三强调
silver
#708090
第 2 名
bronze
#cd7f32
第 3 名
green / red
#1e7a4f / #c05a1a
正向 / 风险提示
配色规则
- 一个界面只有一个主强调色（accent）；金色是稀缺色，只给榜首、冠军时间点、前三徽章与关键数字。
- 背景靠 bg / bg-2 / bg-3 / card 四级拉开层次，不用投影硬造层级。
- 图表主序列用 accent，需要对比的第二序列用 ink（近黑）或 gold，禁止引入色板外的彩色。
- 渐变只允许 linear-gradient(135deg, accent, accent-2)（封面/CTA）与金色 linear-gradient(90deg,#d4af6a,gold)（前三分数条）。
03
字体 Typography
仅使用两套字体：无衬线 Noto Sans SC 承担几乎全部内容，衬线 Noto Serif SC 只作大标题点缀与报告封面。
Display
模型格局，一眼看清
40–56px / 800 / ls -0.025em
Page H1
内页大标题
30–38px / 800 / ls -0.02em
Section H2
区块标题
20–22px / 800 / ls -0.01em
Card H3
卡片 / 小节标题
13–16px / 700
Body
正文使用 13–14px，行高 1.7–1.9，颜色 ink-2，长文不贴边、行长控制在 680–860px。
13–15px / 400 / lh 1.7–1.9
Caption
UPPERCASE LABEL 大写小标签
9.5–11px / 700 / 大写 / ls 0.06–0.14em
字体栈（直接复制）
正文: 'Noto Sans SC', -apple-system, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif
衬线: 'Noto Serif SC', Georgia, serif /* 仅大标题点缀 / 报告封面 */
代码: 'SF Mono', Consolas, monospace
三条硬性规则
- 所有数字加等宽：分数、价格、百分比、日期、排名一律 font-variant-numeric: tabular-nums，保证纵向对齐、不跳动。
- 小标签一律大写+字距：英文标签（如 BENCHMARKS / SCORE / UPDATED）用 9.5–11px、700、uppercase、letter-spacing 0.06–0.14em、ink-3 或 accent。
- 中英混排范式：英文负责"国际感"的 kicker / 术语，中文负责表意。常见为"英文大写小标签 + 中文标题"，英文术语首次出现可括注中文。
04
形态、阴影与间距 Shape & Spacing
柔和圆角 + 极轻阴影构成"Soft 骨架"；数据层用细分割线而非重卡片，构成"Swiss 肉"。
圆角
- 14px（--radius）：大卡片、容器、报告封面。
- 8px（--radius-sm）：按钮、输入框、小元素、徽章。
- 999px：胶囊标签、筛选 chip、圆角徽章。
阴影（只用这三档，克制）
--shadow-sm: 0 1px 2px rgba(0,0,0,0.04); /* 静止卡片 */
--shadow-md: 0 2px 8px rgba(0,0,0,0.06); /* hover */
--shadow-lg: 0 8px 24px rgba(0,0,0,0.08); /* 浮起 / 弹层 */
--transition: all 0.25s ease; /* 统一动效时长 */
间距系统（8 的倍数，允许 4 的半步）
- 组件内 padding：14 / 18 / 20 / 22 / 24；卡片之间 gap：14 / 16 / 20；区块之间：32 / 44 / 48 / 54。
- 优先用 flex/grid 的 gap 排布，不靠连续 margin 硬顶。
- 内容最大宽度：正文/文档 860px，数据页 1280px，报告封面内边距 28–36。
05
核心组件 Components
以下为报告与页面中高频复用的组件，直接沿用样式与结构，不另造变体。
按钮 Button
主要操作 Solid次要 Ghost付费 / 转化 Gold
.btn padding:11px 24px; radius:10px; font:13.5px/600
.solid = accent 底白字（默认主操作） .ghost = 白底 accent 字 + 1.5px 边
.gold = gold 底白字（仅付费/关键转化，一页最多一个主 gold）
标签 Tag / Chip
CodingQuarterly闭源中等预算
分类标签: 9.5–11px / 700 / 大写 / 胶囊 / accent-light 底 + accent 字
中性标签: 同尺寸，bg-2 底 + ink-2 字，不大写，用于客观属性
卡片 Card
卡片标题 Card Title
白卡 + 14px 圆角 + sm 阴影 + 1px 极浅边框，hover 时上浮 2px 并换 lg 阴影。
background:#fff; radius:14px; padding:22px;
box-shadow:var(--shadow-sm); border:1px solid rgba(0,0,0,0.05);
hover: transform:translateY(-2px); box-shadow:var(--shadow-lg);
排名徽章 Rank Badge（前三分色，其余中性）
12312
40×40 / radius 10px / 16px 800 / tabular-nums
1=gold-light 底 gold 字 2=#eceef0/silver 3=#f6e9dd/bronze 其余=bg-2/ink-3
分数条 Score Bar
轨道 bg-2 / 高 4–5px / 圆角满; 填充 accent，前三改 gold
数值右对齐、22–26px 宽、700–800、tabular-nums
表格 Table（Swiss 数据层：细分割线、大写表头、等宽数字）
| Model | Benchmark | Score |
|---|---|---|
| Example A | LMArena / AA / SuperCLUE | 95.0 |
| Example B | SWE-bench Verified | 91.2 |
表头 bg-2 / 10px 700 大写 ls0.08em / ink-3
行: 1px bg-2 顶部分割，无竖线; 数字列右对齐 + tabular-nums; 首列 700
提示框 Callout（信息=绿，风险/待确认=金）
信息提示：深绿浅底 + 左侧 3px 主色竖条，用于方法说明、口径注释。
审慎提示：浅金底 + 金色边框，用于授权待确认、估算口径、风险提醒。
.info accent-light 底 + 3px accent 左边框
.warn #fff8eb 底 + 1px rgba(gold,.25) 边框 + #7a5a0a 字
报告封面 Cover
Flagship Quarterly · 旗舰季报
The State of
AI Models
AI Models
linear-gradient(135deg, accent, accent-2); 白字
上方 kicker 10px 大写 ls0.12em / opacity .85
标题 Noto Serif SC 24px 700（系列名固定，不随意换字体）
06
数据可视化 Charts
图表服务于比较与结论，不做装饰性炫技；颜色、字号、对齐与全站一致。
- 配色：主序列 accent；对比序列用 ink（闭源/基准）或 gold（冠军/前三）；正向 green、风险 red 只表达语义。轨道/网格用 bg-2 / bg-3。
- 条形：高 14–17px、圆角 3–4px；条形内或右侧数值用 tabular-nums；排序一律按值降序。
- 标题层级：图表标题 13px/700（ink），副标题 10px/ink-3 说明口径与来源。
- 坐标与标签：10–11px、ink-3；去除多余边框与竖网格，只保留必要基线。
- 数据忠实：数值从源数据计算，不目测、不凑整；坐标必须含 0 起点（条形），避免误导；样本量小或差距 <3 分时显式注明"无显著差异"。
- 来源：每张图下方或副标题标注基准来源与更新时间。
07
语言与文案 Voice & Tone
独立、克制、证据导向。像一位不带立场的资深分析师，而不是营销号。
语气原则
这样写
- 用数据与基准说话，结论可追溯
- 承认不确定性与局限
- 短句、主动语态、具体
- 中立描述所有厂商
不要这样
- "最强/吊打/碾压/封神"等夸张词
- 收了钱式的倾向性措辞
- 无来源的断言与预测
- 堆砌形容词、空话套话
标准格式
- 分数：0–100 整数或一位小数；差距 <3 分注明统计上不显著。
- 价格：$X.XX / M tokens（每百万 token），区分输入/输出与缓存折扣。
- 日期：2026.09 / 2026.09.03（点分隔，不用"昨天/最近"）。
- 阅读时长：NN min read。
- 来源行（固定句式，直接复制）：
数据来源自网络公开信息，经独立加权计算 · 更新于 YYYY.MM
- 标准免责声明（每份报告末尾必须附，原文）：
本报告为 Modelspectra 独立第三方分析，与所有模型厂商无任何关联、赞助或合作关系。
所有分数均来自公开基准测试，经 Modelspectra 独立加权计算，不接受厂商付费以影响结果。
模型分数、价格、性能指标可能随版本更新而变化，实际以厂商最新官方信息为准。
本报告仅供参考，不构成任何投资、采购或技术决策依据；据此决策的风险由决策者自行承担。
模型名称及商标归各自所有者所有，本报告仅作描述性引用。
08
研究报告标准结构 Report Template
所有研究报告使用统一的卡片字段与「十节 + 来源附录」正文骨架。先确定报告类型，再按骨架填充，篇幅可增减但顺序与要素不省略。
报告类型（kicker 固定取值）
| 类型 Kicker | 中文 | 选题范围 |
|---|---|---|
| Flagship Quarterly | 旗舰季报 | 季度全景、格局变化、趋势判断 |
| Capability Deep-dive | 能力专题 | 单一能力（Coding/多模态/Agent/中文）深挖 |
| Economics | 成本分析 | 价格性能、单位经济、TCO |
| Ecosystem | 生态观察 | 开源闭源差距、自托管、生态格局 |
| Regional | 区域观察 | 国产模型、多语言、出海竞争力 |
列表卡片字段（研究页每篇报告必备）
封面(kicker + 衬线系列名) · tags(2–3个分类标签) · 标题(15.5px/700)
meta(日期 · NN min read) · excerpt(2–3 句、60–90 字摘要) · 阅读链接
未完成的报告加"即将发布"徽章，链接置灰，不挂空链接
起手三件套（写一篇新报告的标准动作）
① 本规范（modelspectra-style-guide.html）——讲原则：颜色/字体/组件/语气，不做设计决策
② 空白模板（research-report-template.html）——起手：复制它，搜索【】逐项替换，删除全部 .tpl-hint 写作提示
③ 完整范例（reports/agent-llm-combo-2026-09.html）——参考：看每个组件在真实成稿里的密度与写法
正文十节式骨架（+ 来源附录，顺序不省略）
01 · 执行摘要Executive Summary
开篇 30 秒给出全部结论：3 个 KPI 卡（第一 / 黑马 / 关键反差数字）、恰好 3 条"判断+证据"关键发现、一段加粗的一句话分层选型结论。
02 · 背景与问题定义Background
交代旧假设如何被新数据推翻、当前格局速览（分阵营）、以及本报告明确回答的几个问题（标注对应章节）。
03 · 数据与方法Data & Method
数据源分级表（核心/辅助 + 口径类型 + 访问日期）、归一化与两级权重、成本等特殊口径；用 info callout 声明"差距小于 N 分视为无显著差异"与估算值标注规则。具体权重百分比不写进公开正文，引用主站 Terms。
04 · 评测对象与维度Subjects & Dimensions
对象分组表（入选标准：可交叉验证 + 有真实采用度）、维度权重表；用 warn callout 显式披露"哪些对象因数据不足未纳入评分"。
05 · 分维度分析Analysis · 报告主体
每个维度固定节奏：纯 CSS 条形图 → .src-line 来源行 → 3–4 条解读 → info callout 中间结论。条形宽度=数值÷本图最大值，前三用 .gold，双口径用默认色与 .ink 对照并配 legend。
06 · 综合加权排名Composite Ranking
总榜条形图 + 排名解读（梯队划分、控制变量对比）+ 敏感性分析表：并列展示均衡/质量优先/成本优先等多套权重结果，指出跨方案都稳定的"风险最小默认"。
07 · 横向对比总表Comparison Matrix
宽表（外包 overflow-x:auto）横向比较各维度分与总分，数字右对齐等宽，维度冠军加 .champ 金底，估算值标 †，表下用 src-line 交代特殊口径。
08 · 选型建议Recommendation
三种切法：8.1 按人群/规模（rec-card 两列卡片）、8.2 按行业（以合规为第一变量的表）、8.3 按应用领域（质量优先 vs 性价比优先决策矩阵）。只回答"什么情况选谁"，不做单一绝对推荐。
09 · 风险与局限Risks & Limits
5–7 条 warn callout：基准可操纵性、污染与口径分裂、版本时效、供给/许可/价格悬崖、估算值披露、基准≠生产（要求自有 held-out 重复验证）。
10 · 结论与展望Outlook
三个核心判断回扣全文 + 下一观察周期可证伪的跟踪信号；末尾放固定免责声明块（独立第三方、不接受厂商付费影响、不构成决策依据、商标归各自所有者）。
附录 · 数据来源清单Sources
逐条列全引用来源：名称（域名）、类型、本报告用途、口径备注与快照日期，与第 03 节分级表呼应，保证每个数字可回溯。
09
交付自检清单 Pre-flight Checklist
提交任何研究报告或页面前，逐项打勾。
- 颜色全部取自色板变量，无自取色、无色板外彩色；金色只用于冠军/前三/关键转化。
- 字号在字号阶梯内；小标签为大写 + 字距；所有数字（分数/价格/日期/排名）使用等宽 tabular-nums。
- 字体只用 Noto Sans SC（正文）与 Noto Serif SC（封面/点缀），未引入其他字体。
- 卡片圆角 14、小元素 8、胶囊 999；阴影只用 sm/md/lg 三档；动效统一 0.25s。
- 报告类型 kicker、tags、日期、阅读时长、摘要、封面齐全；未完成项标"即将发布"而非空链接。
- 正文覆盖十节 + 来源附录要素；每个数字可追溯到来源，图表含 0 起点与来源标注。
- 已附固定来源行与标准免责声明；商标仅作描述性引用，未暗示与厂商的关联/背书。
- 语气中立无夸张词；差距 <3 分处注明"无显著差异"；风险与局限已用提示框说明。
- 品牌名写作 Modelspectra，Logo 未变形改色；联系与域名信息正确。
- 无 emoji 当图标、无本地路径资源、无残次空行与孤字；窄屏下不横向溢出。