00 · Operating rules

总则

离线版本 v0.7 · source: brand/guide.md · 实时更新

Always pale

底色永远是淡墨纸

页面底色 #F4F0E7，内容层 #FFFDF8。不用纯白，不用纯黑。

Ink first

素墨是主色

#EFE6D2 承载色块与关键操作；玄墨承载文字；土金给结构；朱红只作印记，≤ 5%。

Serif everywhere

通篇宋体

中文思源宋体，英文 Noto Serif 大写字距排版。等宽字体只用于色值、代码、数据、价格。

Bilingual

中文为主，英文为注

每个中文标题配一行大写英文题注，颜色深金。中文不用斜体，强调用字重或明金。

No slop

不许的事

装饰性渐变、表情符号
圆角卡片加左侧色条
Inter / Roboto，或任何无衬线回退
手绘复杂图形；只画圆与线

Falsifiable

凡判断皆可被证伪

这份规范是活文档。任何结论一旦被门店真实数据推翻，即刻修订。

01 · Color tokens

色彩

九个已发布色值。对比度按 WCAG 相对亮度计算，底色为淡墨纸。明金在浅底上只能用于大字号或装饰；小字请用深金或玄墨。

Token · 名称Hex · 对比度Usage · 用途

--surface淡墨纸 Pale Manuscript#F4F0E7页面底色 · 约占任何画面的 78%

--paper宣纸 Paper#FFFDF8内容层、卡片、图片衬底

--ink-primary素墨 Ink · 主色#EFE6D2色块、关键操作、高亮 · 约 7%。与底色对比 1.09，须以金色描边定义边界

--charcoal玄墨 Charcoal#17130D · 16.3 : 1标题、正文 · 约 12%

--gold土金 Earth Gold#76551F · 6.0 : 1描边、分隔线、导航 · 约 3%

--gold-hi明金 Bright Gold#D4A862 · 1.9 : 1激活态、关键数字、标语。浅底上不用于 28px 以下文字；玄墨底上 8.4 : 1

--gold-deep深金 Deep Gold#76551F · 6.0 : 1题注、英文标识。v0.6 与土金同值，保留别名

--ink-muted素墨灰 Ink Muted#706758 · 4.9 : 1辅助文字、坐标刻度

--seal朱红 Vermillion#8C3228 · 7.1 : 1印章、否定 ✕、警示 · ≤ 5%，从不作为色块

Rule ratios · 画面配比

78% 12% 7% 3

淡墨纸 · 玄墨文字 · 素墨色块 · 土金线条。朱红另计，≤ 5%，且只是印记。

Derived surfaces · 派生面

hairline `--line`	rgba(23,19,13,.18)
hairline-strong `--line-strong`	rgba(23,19,13,.34)
card border `--card-border`	rgba(118,85,31,.34)
watermark `--watermark`	rgba(118,85,31,.10)

02 · Typography

字体

字体未随仓库打包。此页以本机宋体回退渲染；正式环境须自托管 Noto Serif SC、Noto Serif 与 IBM Plex Mono，回退链永不落到无衬线。

display · 96 / 1.0 / 600侍天

h1 · 56 / 1.1 / 600

拍板之前，问侍天

h2 · 40 / 1.15 / 600

从传统运营向AI原生进化

h3 · 28 / 1.3 / 600

专家督导+数据模型=可持续业绩增长

body · 18 / 1.7 / 400

你这家店每天差 18 桌才不亏。这个判断的边界条件是：客单价不变、坪效按当前排班计算、外卖占比不高于三成。我们领航，你掌舵；决策权在你。

small · 14 / 1.8 / 300数据来源：门店 POS 与平台后台，2026 年 3 月至 8 月。可计算的，量化到位；不可计算的，如实说明。

caption · 13 / 1.4 / 400Chart · Compass · Route · Correction

tagline · 0.5em智慧领航者

mono · 13 / 1.5¥8,888 / 90 天 · #EFE6D2 · L3 模型锁定 · 现役 10 / 28

Pairing · 中英配对

Maturity · L1 to L5

成熟度阶梯

L1 游击 → L2 单店跑通 → L3 模型锁定 → L4 体系连锁 → L5 智能领航

Emphasis · 强调

中文不用斜体。强调用字重：真相优先，或用明金：敢于证伪。

Latin quotes may carry italic. Numerals stay mono: 2026-09-05.

回退链：Noto Serif SC → Source Han Serif SC → Songti SC → STSong → serif。行长：中文 28–38 字，英文 60–72 字符。

03 · The mark

标志

官方标志为 brand/logo.png（601 × 640，透明底），哈希记录于 brand/source.json。圆环印章内书「侍天」。

24px · inline min

64px · hero min

128px

clear space ≥ 1 ring radius

Lockup with alliance

Tiansight Table AI
Alliance

只与 Table AI Alliance 字标并置，以 1px 土金竖线分隔。不与第三方标志合成。

朱印 · Vermillion seal

侍侍天侍

只用于封面、封底与署名。CSS 版本为占位，正式印章须由书法稿件提供。

Misuse

旋转、改色、拉伸
置于饱和色或朱红底上
拆解书法字重新排版
玄墨色，置于素墨或宣纸底

05 · Components

组件

纯 CSS 实现，前缀 .ts-，见 brand/components.css。圆角 2px；只有状态徽章用胶囊形。

Buttons · 按钮

主按钮是素墨色块加玄墨文字，土金描边定义边界。按下时下沉 1px，如盖印。悬停不变色相，不放大。

Badges · 徽章

¥8,888 / 90 天 ¥6,888 / 月现役 10 / 28 L3 · 模型锁定 ✕ 未验证

实心徽章：素墨底、玄墨字、等宽，用于价格与层级。描边徽章：土金边、明金字、胶囊形，用于状态。

✓ / ✕ list

每个结论都有证据、利润影响、执行动作、验收指标
数据不足时如实说明
「跟着我们一定爆火」
「先上系统，数据慢慢补」

Card · default

经营体检版

先把问题看清。90 天内交付经营诊断：增长在何处、利润失于何处、先改哪三件。

¥8,888 / 90 天

Card · ink field

增利版

让系统昼夜守望经营。逐店逐月校正，验证有效的做法沉淀为门店标准。

¥6,888 / 月 · 12 个月起

Card · charcoal

百年共创版

36 个月起签 · 基础领航费 ¥29,888 / 月起 · 无增量不收成功费。

深度共创

Form fields · 表单

Stat · 关键数字

Break-even gap18桌 / 日边界：客单价不变

Delivery7日内自数据交付起

Roster10/ 28数字员工现役

Steps · 五问

一二三四五现状 · 机会 · 优先 · 行动 · 结果

「报告分析得非常细，最关键的是结论有证据，不靠猜。」
餐饮老板王总 · 引文经许可使用

Framing · 手稿框

导航四件套

海图 Chart · 罗盘 Compass · 航线 Route · 校正 Correction。细金线、双线边框与角标，营造手稿分量。

Ledger table · 账表

科目	本月	同比
堂食营收	¥412,300	+6.2%
外卖营收	¥138,900	−3.8%
人力成本	¥146,000	+1.1%
经营利润	¥61,450	+2.4%

数据为样例，仅示范格式。

05b · Interaction, states and motion

交互、状态与动效

每个组件都写明静止、悬停、焦点、按下、禁用五态；焦点环统一为 2px 土金半透明，偏移 2px。动效只有三档时长、两条曲线；系统减少动效时全部归零。

States · 五态

Rest

Hover

Focus

Pressed

Disabled

Input

Focus

Read-only

Disabled

Selected card

按月陪跑

Interactive card

单次体检

:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px }
[aria-pressed="true"]  .ts-card[aria-selected="true"]  :disabled { opacity: .4 }

Motion · 动效令牌

令牌	值	用途
--dur-fast	120ms	颜色、边框、提示
--dur-base	220ms	展开、进度、对话框
--dur-reveal	700ms	段落入场，只用一次
--ease	.2 .6 .2 1	状态切换
--ease-out	.16 1 .3 1	入场

位移不超过 12px；不缩放、不旋转（展开箭头除外）、不弹跳。

.ts-reveal { animation: ts-rise var(--dur-reveal) var(--ease-out) both }
@media (prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important } }

Notice · 提示

口径已固化本报告所有比率以 2026-06 至 2026-08 收银流水为分母。

先改这一件午市套餐结构，预计月度毛利 +¥18,600。

数据缺口城南店 7 月外卖流水缺 9 日，相关结论降级为 E2。

<div class="ts-notice ts-notice-key"><svg class="ts-icon ts-icon-sm">…</svg><div><b>标题</b>正文</div></div>

Tags and tooltip · 标签与提示

城北店午市

复购率 31.4%，较上季 +4.1 pp。悬停或聚焦看出处。

<b class="ts-tip" tabindex="0" data-tip="E1 · 会员系统">31.4%</b>

Progress · 进度

90 天清单62%

门店接入9 / 12

Sortable header · 可排序表头

门店	毛利	同比
城北店	¥61,450	+2.4%
城南店	¥48,200	−1.1%

Tabs and disclosure · 页签与折叠

先改哪三件、由谁执行、以何验收。

口径说明

复购率 = 同一会员 30 日内二次到店人数 ÷ 首次到店人数；不含外卖平台匿名订单。

公式与方法

利润弹性以门店固定成本与变动成本拆分后回归，样本 9 店 × 12 月。

<div class="ts-tabs" role="tablist"><button role="tab" aria-selected="true" aria-controls="p1">…
<details class="ts-disclosure"><summary>口径说明 <svg class="ts-icon ts-icon-sm">…</summary><div class="body">…

Wayfinding and dialog · 导航与对话框

跳到正文（.ts-skip，仅聚焦时可见）

<dialog class="ts-dialog">… dialog.showModal()  ::backdrop = var(--scrim)
<a class="ts-skip" href="#top">跳到正文</a>   置于 <body> 首行

06 · Icons and grounds

图标与底色

图标只用圆与线，1.5 描边，随文字取色，见 brand/icons.svg。玄墨底只用于开篇、收尾或一张卡片，用一个作用域类整体反相。

Line icons · 17

有据可依包治百病

<svg class="ts-icon"><use href="#ts-arrow-right"/></svg>
页面顶部内联一次 icons.svg（python3 scripts/sync_icons.py 维护），或在 http 下引用 brand/icons.svg#ts-…

.ts-ground-charcoal

玄墨底作用域

标题转淡墨纸色，题注与关键数字转明金，线条转土金，按钮与徽章回到素墨色块。

¥8,888现役 10 / 28

标志置于素墨小块之上，不改色
不在玄墨底上使用 multiply 肖像

Key number18桌 / 日

字体：brand/fonts.css 声明思源宋体、Noto Serif 与 IBM Plex Mono 的 @font-face，先取本机字体，再取 brand/fonts/ 下的 woff2；文件缺失时按令牌回退链退到本机宋体。

05 · Charts

图表

一个序列用明金；两个加玄墨；三个加朱红。刻度用素墨灰。朱红永不代表正向数据。每张图都是决策辅助，序列必须标注，坐标必须可见。

Trend · 逐月营收 · 2 series

数据来源：样例数据，单位万元。

Bars · 利润流失归因 · 3 series

朱红用于警示项（折扣失控），不用于正向数据。数据为样例。

导出方案中的绿 / 红 / 黄 / 蓝语义色（增长 · 流失 · 关注 · 中性）不在已发布指南内，未纳入基础层。见「待定」。

07 · Layout

版式

淡墨纸上留白慷慨。关键标志居中，密集规格左对齐。底色最多两层。

Grid

12 col · max 1280 · gutter 48 / 24

Rhythm

section 96 / 64 · card pad 24 – 32

Radius

2px · pill for status only · 50% for step rings

Motion

淡入加不超过 12px 上升，700ms，只播一次。无弹跳、无视差、无自动轮播。遵循 prefers-reduced-motion。

Print

固定画布，淡墨纸满版出血，导出时文字转曲线。

04 · Voice and tone

话术

沉稳 · 专业 · 敢言 · 克制 · 有据可依。领航而非替决策。

✓ Say

先把账算清，再谈策略。
你这家店每天差 18 桌才不亏。
这个判断的边界条件是……
我们领航，你掌舵；决策权在你。

✕ Avoid

跟着我们一定爆火。
现在不做就晚了。
我们的方法包治百病。
先上系统，数据慢慢补。

优先 · Say	避免 · Avoid
领航 / 导航	赋能 / 抓手 / 闭环
复利 / 长效	包治百病 / 颠覆
模型 / 体系	解决方案 / 打法
数据校准	数据补全
单店跑通 → 模型锁定 → 体系连锁 → 智能领航	增长 / 爆款 / 裂变

Decisions taken · v0.7 rulings

已定与待定

以下为本基础层落实指南时所作的判断，以及需要品牌方确认的事项。凡判断皆可被推翻。

主按钮的边界

素墨与淡墨纸对比仅 1.09。主按钮以土金 34% 描边定义边界，悬停转宣纸底。待确认：是否接受描边，或改用玄墨实心按钮作主操作。

明金的字号下限

明金在浅底上 1.9 : 1。基础层限定为 28px 以上或纯装饰；关键数字用等宽 40px。待确认：标语「智慧领航者」在 18px 时是否保留明金。

土金与深金同值

指南 v0.6 中 --gold 与 --gold-deep 均为 #76551F。两者均保留为独立令牌，以便日后分化。待确认：深金是否应另取值。

罗盘印与官方标志

指南描述主标志为「罗盘环 + 侍」，而发布的标志文件是圆环内「侍天」印章。基础层以发布文件为准，罗盘只作水印。待确认。

图表语义色

导出方案的增长 / 流失 / 关注 / 中性四色不在指南内。基础层只提供明金 · 玄墨 · 朱红三序列。待确认：报告是否需要更多语义色。

字体授权与托管

Noto Serif SC、Noto Serif、IBM Plex Mono 均为 OFL 授权，可自托管。待提供：字体子集策略与目标环境，以定 fonts.css。

首个消费方

官网、报告、销售提案三者中，建议先迁移官网：它是入口，组件覆盖最广。待确认：优先级与构建方式。

文案与价格

本页价格与客户引述均取自指南或样例，发布前须核实。伙伴名单只用指南与导出方案中的既有名称。