// LOADING · 载入中
// 芒种已过·焙茶炉慢火·夏初消暑 //
// LOADING · 载入中
// BRAND BOOK · 品牌手册 · 凤凰单丛
这批吃了几天雨水、温差多大、焙了几火,决定你喝到的香与回甘。成因→风味是头牌;版本号、批次档案、GC-MS 是把这套说法留底、可对照复查的系统。
// 成因 → 风味 · 留底可查 — 标志 → 色彩 → 字体 → 图形 → 命名 → 语气 → 影像 → 包装 → 应用
一批茶为什么是这个味,是有客观成因的:吃了几天雨水、温差多大、焙了几火,决定你喝到的香与回甘。成因→风味是头牌;留底可查的系统在背后托着可信。
// MANIFESTO · 一句话主张
吃了几天雨水、温差多大、焙了几火——这批为什么是这个味,我们答得出来,也都留了底。
// BOILERPLATE · 长版
茶是农产品不是工业品,批与批之间本就有差异。林永茶堂只做凤凰山乌岽的单丛,做的事就是把每一批的成因讲清楚:下了几天雨、温差多少、焙了几轮,再告诉你它会变成哪种香、哪种回甘。成因→风味,这是我们要讲的第一件事。
为了让这套说法站得住,我们像做软件一样给每批留底:编版本号、记提交记录、立批次档案、送检 GC-MS,成因和风味都能对照着查。一版做完即封版,售罄不补;下一批参数不同、味道不同,版本号递增。买到的不是概念,是一批说得清成因、对得上风味、查得到来历的茶。
// COORDINATES · 三条定位坐标 · 成因 → 产区 → 留底
CAUSE → FLAVOR
这批吃了几天雨水、温差多大、焙了几火,决定你喝到的香与回甘。每一条成因都接一句「所以你会喝到什么」,因果对得上,不是玄学。
SINGLE ORIGIN
成因都来自同一处:只做凤凰山乌岽的单丛。一山、一树、一季、一焙,林永自己采、自己做青、自己守炉焙火。
ON RECORD
为了让这套说法站得住,我们像做软件一样给每批留底:版本号、提交记录、批次档案、GC-MS,成因和风味都能对照着查。
成因从哪来:林永与凤凰山乌岽。一年只做自家几片山头,做青看天、焙火看叶,每一步成因都他记下来。
// MAKER · 做茶的人
林永,凤凰山乌岽的茶农。做单丛 30 年,一年只做自家几片山头的茶。
乌岽在凤凰山最高处,海拔近 1000 米。春天起雾,叶子长得慢,香存在叶子里。林永每年只采这几片,做青看天、焙火看叶,做完一批是一批。
他不背产区传说,也不讲玄学口感。问他一泡茶好在哪,他给的是这批的成因:采摘那天的日期、做青摇了几次、焙了几轮,再接一句喉头为什么发凉。成因→风味,因果对得上。为了让这套说法日后还查得到,他把每一步都记成了底。


// SEAL · 田字格印的由来
印是「林永茶堂」四个字,落在一个田字格里。田字格是练字的方格,一格一字,规规矩矩——这就是这间茶堂做事的样子:一格一字、一批一版,不含糊。
那个格子还有第二层用处:封签、标签、礼盒面都能切成 2×2 四格,分别放印、版本号、批次、二维码。一个标志,也是一套版面单元。
田字格印是字标,也是版面单元:一格放印、一格放版本号、一格放批次、一格放二维码——成因留底就落在这套格子里。
主标志为「田字格四字印」,是品牌的签名。下文定义其网格构造、留白、最小尺寸、变体、复制规则与错误用法。纯 SVG / 矢量,任意尺寸清晰。
// 构造 · CONSTRUCTION · 田字格四字印
整体置于 6×6 单位网格 (u),印体占据居中 4×4u,林·永·茶·堂 四字各占 2×2u。外框与十字格线等宽,为 1u 的 1/14。四向留白各 1u,构成最小排除区的基准。
外框
1.0 u 线宽基准
字面
每字占 2×2 u
十字线
与外框等宽
留白
四向各 1 u
// 比例核对 · PROPORTION
1 : 1
印体外框为正方
2 u
单字字面边长
6 u
含留白总边长
1/14
线宽 : 单格比
// 变体 · VARIANTS · 任意尺寸清晰
[主标志 · PRIMARY]
// 印 + 字标 + 标语 — 默认全签名锁版
[印 · MONOGRAM]
// 单印 — 头像 / favicon / app 图标
[竖排 · STACKED]
// 居中竖版 — 海报 / 封面
[横版 · HORIZONTAL]
// 印 + 字标横排 — 信头 / 导航 / 页脚
[单色 · MONO]
// 全墨单色 — 盖章 / 传真 / 单色印刷
[反白 · REVERSED]
// 米白压墨底 — 深色面板 / CTA
// 副标 锁版 · LOCKUP + SUBLABEL
// 副标用等宽,置于印 + 字标之下 — 不与字标同行
// 竖版锁版 — 副标可换批次 / 产区,印与字标比例不变
// 复制 · REPRODUCTION · 四种载底
置于照片
深色影像 → 反白印
置于色底
仅薰衣紫底 → 深紫印
单色
盖章 / 传真 → 全墨
反白
深色面板 → 米白印
// 浅底用深紫印 · 深底用反白印 · 彩底仅限薰衣紫 · 单色仅限单色印刷 / 烫印
[留白 · CLEAR SPACE]
// 四周留白 X = 印的高度 — 任何元素不得侵入
[最小尺寸 · MIN SIZE]
// 印不小于 24px · 横版不小于 28px — 再小则字标不清
// 错误用法 · MISUSE
以下六种处理一律禁止。叉号为炭灰,不用红色。标志的比例、颜色、角度、平面性、背景均不可改动;任何一处违反即视为错误用法。
Don't · 拉伸
等比缩放,禁压扁拉长
Don't · 换色
印体只用深紫,禁暖色
Don't · 旋转
印体水平正放,不可倾斜
Don't · 投影
扁平印面,禁阴影 / 立体
Don't · 描边
实心印面,禁勾轮廓线
Don't · 杂底
纯净米白底,禁繁杂背景
有疑问时回到主标志原始文件,不要二次加工。任何对印体的拉伸、换色、旋转、加效果、置于杂底之上的处理,都会削弱品牌的克制感。
克制的 Mercury 配色让成因与数据自己说话:薰衣紫是唯一强调,只点版本号与关键数据。无橙 · 无金 · 无红 · 无水墨。
薰衣紫是唯一活跃强调色。无橙 · 无金 · 无红 · 无水墨。
// 色板 · PALETTE · 点击色值即复制
// Pantone 为近似值 · 印刷前以实体色卡打样核对 · CMYK 为参考四色
// 占比 · USAGE RATIO
强调色严格控制在 5% 以内:只用于版本号、关键数据点与单一高亮块。一旦薰衣紫面积过大,「克制」的气质即破。米白底永远占据约七成版面。
// 色阶 · TINT & SHADE
强调色与印色可按 90 / 70 / 50 / 30 / 10% 向白渐变取色,用于图表分级、状态深浅与界面层次。除此之外不得自行调色。
// LAVENDER RAMP · 薰衣紫梯级
// INK RAMP · 墨黑梯级
// LAV-DEEP RAMP · 深紫梯级
// RULE
梯级仅供数据可视化与层次区分;正文、标题、印体一律使用基准色,不取中间调。图表中相邻分级至少间隔两级以保证可辨。
// 配对 · CORRECT
// 禁用 · INCORRECT
禁用色 · FORBIDDEN
橙 · 金 · 红 · 水墨灰阶 · 一切暖调。
背景一律纯净米白,不做纹理、不做做旧、不加水墨意境。
// CONTRAST · 对比度
正文对底色对比 ≥ 4.5:1;薰衣紫仅作背景或大字,不作小字正文色。
深紫可作小字 / 数据色,薰衣紫不可。
宋体写成因与风味的叙事,等宽写可核对的留底(版本号 / 批次 / GC-MS)。人讲为什么,机做举证。
两款字体,分工明确:思源宋体承载一切叙事性中文,JetBrains Mono 承载一切可核对的数据。二者的对峙构成品牌「人 × 机」的张力。
// PRIMARY · 中文 · 标题 · 正文
思源宋体Source Han Serif SC
// Light · Regular · Medium · Bold · Heavy
// MONO · 数据 · 版本号 · 标签
JetBrains Mono数据 · 版本号 · 批次 · GC-MS
v0.3.3 · LX-MLX-202604 · 0123456789
// 搭配逻辑 · PAIRING RATIONALE
成因→风味的叙事用思源宋体:这批为什么是这个味、会变成哪种香与回甘——一切打动人的内容是头牌。
JetBrains Mono 承载留底:版本号、批次、检测值——一切可核对的数据,托住成因的可信。
数据绝不用宋体排,正文绝不用等宽排;二者分工即品牌的「人 × 机」张力——肉与骨。
// 字阶 · TYPE SCALE · 实样
每一阶为真实渲染样张,右侧标注其 size / line-height / tracking / weight。应用语义 class,不手写字号。
// 正文样张 · PARAGRAPH SPECIMEN
林永茶堂只做凤凰单丛。
一山、一树、一季、一焙,对应一个版本号。每一版记录采摘批次、做青曲线、焙火轮次,并送检 GC-MS,把香气写成可追溯的分子数据。不囤货、不调拼、不讲产区传说;一版做完即封版,售罄不补。
— 多雨春 · LX-MLX-202604 · 乌岽春
// 排版规则 · RULES
把成因→风味画成可读的图:曲线、参数、批次档案。图形服务于「看得见的成因」,不做装饰。
一套固定器件贯穿全部触点:版本号标签、批次戳、GC-MS 香气条、溯源二维码、田字格印、工业网格。 它们让茶看起来像一个可发布、可追溯的产品。每个器件附构造与用法,不得自行更改结构或配色。
[器件库 · DEVICE KIT]
[版本号 · VERSION]
// 每批一个语义化版本号 — 主版本.做青批.焙火轮
[批次戳 · BATCH STAMP]
// 批次 ID 钢印 — 溯源到山头与采摘日
[二维码 · QR]
// 通向该批电子档案 — 包装 / 卡片右下角
[分子条 · GC-MS STRIP]
// 香气分子指纹 — 一条数据替一句形容词
[田字格 · GRID MODULE]
// 四字印基础模块 — 角标 / 水印 / 封缄
[工业网格 · GRID TEXTURE]
// 40px 墨色网格 — 所有版面的底纹基线
四件器件成套出现于封签、礼盒与详情页;版本号标签与批次戳必同时出现,二维码必可扫,GC-MS 条随每版检测更新。器件之外不新增图形装饰。
[图标集 · ICON SET · 14]
[构造网格 · CONSTRUCTION]
// 24×24 u 画布 · 内边距 2u · 视觉居中
[绘制规则 · RULES]
描边
1.5px 等宽 · 不变粗细
圆角
统一圆角端点 · round cap/join
颜色
currentColor 单色 · 不填充
强调
极少量薰衣紫点缀核心
画布
24×24 u · 内边距 2u
风格
几何线性 · 禁拟物 / 渐变
// 1.5px 描边 · 圆角端点 · currentColor · viewBox 24 — 全套统一
[组合示例 · COMPOSITION]
蜜兰香
乌岽山西坡 · Honey Orchid
扫码核验该版批次记录与 GC-MS 报告
商业机密 · 仿冒必究
// 四件器件成套:印 + 版本号 + 批次 + 二维码同框出现,这是一个「可发布」单元的最小完整呈现。
[工业网格用法 · GRID TEXTURE]
40px 模数
网格步长固定 40px,跨触点不变;它是版面的隐形基线,不是装饰。
永远底纹
只做最底层底纹,墨色低透明;主体、文字、器件永远压在网格之上。
深浅两档
米白底用浅网格(grid-light),墨底用强网格;强调仍只用薰衣紫。
版本号不是噱头,是举证:一山、一树、一季、一焙对应一个版本号,把这批的成因与改动留底,让你下次想要同一个味,认版本号。
版本号是举证,不是噱头:它把这批的成因与改动留底,让成因→风味查得到。一山、一树、一季、一焙对应一组 major.minor.patch,配一个批次号——下次想要同一个味,认版本号。
// SEMVER · 一泡茶的版本号
换树、换山头、换年份这种从头来过的改动。母树重采、地块更替才进位。
做青曲线变了——摇青轻重、萎凋时长、氧化锁定点不同,香型随之改变。
同一批茶多焙一轮、收火降温这类微调。每一轮炭火进入末位号。
// BATCH ID · 批次号格式
版本号说做法,批次号说身份。两者必同时出现:版本号会随焙火递增,批次号锁定这批茶的产区与采制时间,扫码可核对该批的完整记录与 GC-MS 报告。
// WORKED EXAMPLE · 在架茶款实例
下表直接取自当前在架的四款茶——版本号、批次号、状态都是真数据。每个版本号绑定一个批次的产量:本批多少斤、还余多少斤,跟着版本号走。
| 茶款 · TEA | 版本号 · VERSION | 批次号 · BATCH | 本批 / 余 · LEDGER | 状态 · STATUS |
|---|---|---|---|---|
| 蜜兰香Honey Orchid | v0.3.3 | LX-MLX-202604 | 本批 30 斤 · 余 18 斤 | 余 18/30 斤 |
| 老仙翁Old Immortal | v1.0.0 | LX-LXW-202604 | 本批 15 斤 · 余 2 斤 | 余 2/15 斤 |
| 鸭屎香Silver Flower | v0.2.8 | LX-YSX-202604 | 本批 65 斤 · 余 51 斤 | 余 51/65 斤 |
| 兄弟仔Brothers | v0.5.1 | LX-XDZ-202604 | 本批 8 斤 · 余 0 斤 | 售罄 · 下批 D-142 |
// 数据来源 lib/products.ts · 共 10 款在架
// COMMIT LOG · 提交记录
成因留底就落在这里:每一次焙火、每一回做青调整都写一行提交记录,记下这步改了什么、味道随之怎么变,用做茶的动作说话,不用形容词。下面是「蜜兰香」这批的真实改动史。
// VERSIONING · 封版语义
封版,
换版本号。
一版做完即封版,售罄不补。下一批是新版本:树长了一岁、做青不同、焙火不同,参数变了,版本号递增。
所以没有「常年有货」,也不催单。库存到 0 就挂售罄,给一个下批的倒计时。这不是稀缺营销,是诚实的产销节奏。
先讲「这批为什么这个味」,再用版本号 / 档案托底。数字优先于形容词,一句一事实,每句都能核对。
先讲「这批为什么这个味」(成因→风味),再用版本号 / 档案托底。克制,像工程师在写发布说明:数字优先于形容词,一句一事实,每句都能核对。
// PRINCIPLES · 四条原则
每段先抛这批的成因→风味:下了几天雨、温差多少、焙了几轮,所以你会喝到哪种香、哪种回甘。
能用成因参数、版本号、检测值说清的,不用「馥郁悠长」之类的感官形容。
一句一事实,读者能逐项核对,而非感受氛围。长句拆短,去掉副词。
讲完成因,再亮出版本号 / 批次 / 档案,告诉人这套说法查得到。卖完就说等下一批,不催单。
// DO
// DON'T
// REWRITES · 改写对照
左边是茶行业的惯用话术,右边是同一件事的可核对写法。
// LEXICON · 用词表
影像让成因可感、让茶汤是主角:实验室级的干净,米白底、银灰光。不靠氛围煽情,画面要对得上记录。
影像传达「实验室级的干净」:米白底、银灰光、可有蒸汽。无暖调灯光、无水墨意境、无叠字。 器物与茶汤是主角,背景永远纯净。下为合规样片与四条 DO / DON'T。
[四条规则 · ART DIRECTION]
米白底
背景永远纯净米白,无杂物,留白 ≥ 50%;单一主体居中。
银灰光
冷调侧光,银灰高光是签名光;色温 ≤ 5000K,绝不暖黄烛光。
可有蒸汽
蒸汽、水痕等真实细节是仅有的动态元素,器物 + 茶汤为主角。
无暖 / 无墨 / 无字
不做水墨山水叠加,画面不压字、不加书法,不堆古董红木道具。
[香型样片 · SENSORY · 3:4]



[氛围样片 · ATMOSPHERE · 16:9]


DO
DON'T
[出片前自检 · CHECKLIST]
纯净米白 · 无杂物
冷调侧光 · 银灰高光
≤ 5000K · 无暖黄
单主体 · 留白 ≥ 50%
不加字 / 不加水墨 / 不做旧
包装把成因与风味随茶交到手上:品名、产区、焙火说清这批是什么;版本号、批次、二维码让你扫码就能查留底。
包装把成因与风味随茶交到手上:品名、产区、焙火说清这批是什么。版本号、批次、二维码是留底——扫码就能查这批的成因与 GC-MS。 四种形态(罐 / 袋 / 礼盒 / 试饮)共用同一信息层级;下为罐标规范、实物对照与逐 SKU 的呈现差异。
[罐标规范 · LABEL SPEC · TIN]
蜜兰香
乌岽山西坡 · Honey Orchid
扫码核验该版批次记录与 GC-MS 报告
商业机密 · 仿冒必究
// 信息层级:印 + 品名 + 版本 / 批次 + 产区 + 焙火 + 净含量 / 二维码 + 声明
[实物对照 · REAL PRODUCT]

[逐 SKU 呈现 · PER-SKU]

正面印 + 品名 + 版本号 · 50g · QR 在底

续装规格 · 批次 + 版本号 · QR 在背封

多罐成套 · 印 + 版本清单 · QR 在内卡

单泡量 · 版本号 + 香型 · QR 引流主仓
[必印项 · MANDATORY · 7]
七件必印项在每个形态上都到齐,只是承载面不同:罐在正面与底、袋在背封、礼盒在内卡、试饮在单泡封口。版本号标签与批次戳必同时出现,二维码必可扫。
每个渠道都先讲「这批为什么是这个味」,再用「我们留了底 / 可查」托住可信。一套口径,所有触点。
// 公域获客 → 转化承接 → 私域留存 → 线下体验 — 一套语言跑通整条漏斗
// 小红书 · 视频号/抖音直播 · 公众号 — 把第一面做成模板

// 笔记封面统一版式

// 直播间贴片 · 实时库存

// 头图 · changelog 推送
// 小程序商城 / 官网 — 把货架做成转化面

// 实时库存 + 版本号 + 一键下单 — 公域流量在这里成交
// 朋友圈 · 包裹卡 · 会员卡 — 复购靠系统,不靠记性

// 焙茶日常 · 上新提醒
// 包裹卡 · BREW CARD
「多雨春」
LX-MLX-202604
扫码看本批 changelog
// 会员卡 · MEMBER
LTS · 长期老茶客
MEMBER#0617 · SINCE 2026
// 实体店门头 · 快闪店 — 把数字识别搬进现实

// 田字格印 · 米白门面

// 市集 · 试饮 · 现场扫码
// 一个顾客怎么走:公域看见 → 私域沉淀 → 复购闭环
钩子 = 包裹卡 QR + 6.2 元试饮,把一次性流量沉进社群。
触发 = 朋友圈发版 + 社群上新提醒,复购靠系统不靠记性。
回流 = 会员晒单返公域,老茶客带新人,漏斗顶重新进水。
// 每个触点:发什么 (支柱) · 多大 (规格) · 多久一次 (节奏)
// 内容支柱
// 内容支柱
// 内容支柱
// 内容支柱
// 社群 SOP · 朋友圈模板 · 会员等级 — 把复购做成可重复动作
// 社群 SOP · CADENCE
成交即发包裹卡,QR 引导加微信 / 入群。
私聊确认收货 + 一句冲泡提示,不群发。
社群播本批 changelog,附检测报告链接。
朋友圈晒老茶客复购,软提复购钩子。
发版同步:公众号长文 + 朋友圈九宫格 + 社群接龙。
// 朋友圈模板 · MOMENTS
【发版】鸭屎香「芒种轻焙」已焙好。
所以你会喝到:一开盖就扑出来的柠檬花和栀子清香,入口鲜爽干净,咽下回甘明快带柑橘甜,吃完油腻的喝它最舒服。
做青调整,柠檬花香更清。本批 LX-YSX-202604, 余 51/65 斤。
// 九宫格 1080×1080 ×9 · 1 图 1 参数 · 末图放田字格印
// 会员等级体系 · TIERS
升级靠单数包裹卡 + 冲泡卡
入社群 + 上新优先看
会员价 + 新批预留
LTS 专享 + 焙茶现场邀请
现成模板,拿去就能讲成因→风味:每张封面先抛出本批的成因或风味,再带出版本号与批次做举证。
// 拿去就能用 — 大字标题 + 版本号 + 一条分子数据 + 角印,跨平台尺寸全收齐
// 6 套版式 — 本月之茶 / 科普 / 测评 / 产地 / 对比 / 促销 · 1242 × 1660 px
// 本月之茶
// 01 OF-THE-MONTH鸭屎香 · 芒种轻焙
GC-MS · 800M ASL · 轻焙
// 单丛科普
// 02 EDUCATION蜜兰香 · 多雨春
24.0383°N · 116.7062°E · 乌岽西坡
// 风味测评
// 03 TASTE TEST通天香 · 云上顶
通天香 · 香气走得远 · 矿物感
// 产地直击
// 04 ORIGIN老仙翁 · 慢三焙
1050M ASL · 60 年老树
// 本批上新
// 06 PROMO杏仁香 · 轻摇果香
LX-XRX-202604 · 余 22 斤 · 现货
// 横评对比
A/B// 视频号 · 公众号 · 朋友圈 · 详情页 — 每个标注尺寸 + 安全区 + 用途
焙茶
日常
蜜兰香 · 上新
多雨春// VERSIONED
一杯茶 也有版本号
LX-MLX-202604 · 焙火 +2°C// 字不压角印
田字格印恒定在右下,任何标题不得覆盖;它是签名,不是装饰。
// 附参数不附形容词
每张封面带一条真数据:版本号 / 批次 / GC-MS / 海拔,不写「香醇回甘」。
// 薰衣紫唯一强调
只有 lavender 一种强调色;标题黑、底米白或墨,绝不上橘金红。
一套口径落到每个触点:成因→风味先讲,留底可查托底。下表是全量物料与当前状态。
一套语言落到每个触点。下表是品牌系统的全量物料清单,按漏斗分组,标注当前状态。
十款单丛主站 · 一茶一版
内容种草 · 统一封面模板
链接分享预览 · 印 + 字标
抖音 / 视频号 5s 片头
冲泡 / 风味 / 产地 信息层
批次 + 版本号 + 余量
首单引流 · 扫码建档
复购 / 等级 / 一茶一档
上新 / 批次提醒 / 售后
随箱致谢 + 冲泡指引
门店空间 + 体验动线
印 + 字标 + 版本号
易拉宝 / 桌牌 / 手册
四件必印 · 版本+批次+码+印
防伪 + 田字格印
组合装 · 信息层级规范
本手册 · 31 页 PDF
印 SVG + monogram PNG
6 token · HEX 可印
全部可下载资产,遵循同一套 Mercury 语言与同一条主脉:成因为肉、留底为骨。
全部可下载资产。手册、标志、色卡随取随用,遵循同一套 Mercury 语言。
OG CARD
链接分享预览 · 印 + 字标
分享链接时自动生成
// XHS COVERS · 小红书封面模板包
3:4 竖版 · 思源宋体 + 真实版本号 / 批次 / GC-MS · 米白 + 暗调两套
// 资产遵循 Mercury 配色 · lavender = 唯一活跃强调色 · 0 橘 / 0 金 / 0 红
一个香型是一条谱系:同株母树、不同采制时刻,每批单独命名、单独留底。诗意批名去「批」字扣定义性成因,主推 + 往期共同组成家谱。
一个香型不是一款茶,是一条 谱系。同一株母树、同一种香型,不同采制时刻做出的每一批都不一样 —— 吃了多少雨水、几度温差、焙了几火各不相同。所以每一批 单独命名、单独留底,共同组成这个香型的家谱。
// RULE · 谱系四原则
一个香型下挂多批。每批是这条谱系的一代,有自己的成因、库存与价,不是同一款货的补货。
区分批次的不是流水号,是采制的那个时刻 —— 节气 + 年份。谷雨的那批和寒露的那批,天生不是一个东西。
每批给一个三四字的诗意名,扣定义性成因,不带「批」字。它是名字不是编号。
每香型恰一批主推当季 (featured),其余作往期陈列。往期封存、卖完不补,是可查的家谱不是货架。
// NAMING · 诗意批名铁律
批名怎么起,有硬规则。名字要能被读成一款茶,而不是一行参数 —— 但读完就知道这批被什么定义。
批名不带「批」「第N批」。它是一个名字,不是一个编号。编号交给批次号 (LX-MLX-202604)。
名字扣住这批被什么定义 —— 多雨的春、寒露的秋、慢焙三道。一读名字就知道这批为什么不一样。
多雨春 / 秋寒露 / 慢三焙 / 西坡冷香。三四字最佳,读起来是茶名不是参数表。
配一个采制时刻 (节气 · 年份):谷雨 · 二〇二六。批名给「批感」,采制时刻给「可溯源」。
// EXAMPLE · 谱系实例
同一株乌岽西坡的 40 年 老欉,「多雨春」是今年谷雨吃足雨水的主推批,「秋寒露」是去年寒露干爽少雨的往期批。名字不同,是因为它们天生不是一个味 —— 这就是谱系。
谷雨 · 二〇二六
回甘比往年更长,咽下去喉头一路甜上来
寒露 · 二〇二五
比春茶更甜润、苦涩更低
// 数据来源 lib/products.ts · mi-lan-xiang · batches[]
四张数据图是品牌图形资产:焙火曲线、雨水日历、GC-MS 峰谱、等高线,把成因→风味画成看得见的举证。共用一套 Mercury 语言,数据变图自动重画。
四张数据图,是品牌的 图形资产。它们把「成因→风味」画成看得见的图 —— 不是装饰,是举证。全站四图共用一套语言:米白底、hairline 网格、薰衣紫是唯一活跃色、等宽标注。数据变,图自动重画。
温度 × 时长的阶梯折线 —— 一道道升温、退火、再升温,最后收在成茶。像茶的编译过程。
读焙火强度、判风味走向时用。曲线只用薰衣紫,禁改配色 / 禁加填充渐变。数据变,图自动重画。
// 数据源 batch.craft.roasts[]
生长期点阵日历 —— 下雨的天是薰衣紫实点,晴天是空点。一眼看清这批吃了多少雨水。
讲风土成因时用。点位确定性 (seeded),同批永远同布局。实点唯一活跃色,不得改点形 / 加动画。
// 数据源 batch.terroir.rainDays
色谱峰叠在漂移基线上,峰顶标香气分子名 (芳樟醇 / 香叶醇…)。一条数据替一句形容词。
描述香气时用它代替形容词堆砌。峰高按理化签名派生 (非逐分子定量),真值以检验单为准。峰只用薰衣紫。
// 数据源 batch.lab
同心等高线画乌岽山体 —— 海拔越高环越密、峰点在中,坡向用方位标 + 下坡箭头指出。
标产地 / 海拔 / 坡向时用,像地形图上一枚地点符号。环用 hairline,峰点与方位标用薰衣紫,禁上色块。
// 数据源 elevationSpec · terroir.aspect
// SHARED · 四图共用铁律
同一套色
米白底、ink 轴、hairline 网格;薰衣紫是唯一活跃色,画数据主体,别处不上色。
props 驱动
全部纯 SVG props-only,无外部依赖、静态导出安全。给它真批次数据,图自动生成。
确定性
雨水日历点位 seeded,同批永远同布局;SSR 与客户端一致、不闪。
举证非装饰
四图只出现在有真数据支撑的地方;缺数据时不画占位假图,宁可留白。
// 本页实例 = 蜜兰香「多雨春」· 组件 components/product/dataviz/
只属于林永茶堂的三个动作:沉降、落章、翻页。克制、有重量、像茶事而非像 App。命名缓动全走 CSS 变量,所有动效必须能被 reduced-motion 完全关掉。
一套只属于林永茶堂的动作 —— 克制、有重量,像 茶事而非像 App。没有弹跳、没有回弹、没有 overshoot:所有位移都是「重物落定」,起手快、尾段极慢,像茶汤入杯后最后一次晃动。
// SIGNATURE · 三签名动作
只属于林永茶堂的三个动作,别处不复用、不外借。
触发 · 全站滚动入场
opacity 0→1 + y 16→0。贵的东西不该「蹦」出来,是「浮」上来。只放一次 (once)。
--dur-slow × --ease-settle
REDUCED · 直接显示终态,无位移。
触发 · 加购成功
田字格四字印 scale 0.6→1.06→1 + opacity 0→1,配 lavender toast。从「弹提示」升级成「盖个章」。
≈300ms × --ease-press
REDUCED · 直接显示已落定的章 + toast,无放大无压下。
触发 · 切换选中批
旧档案 opacity 1→0 + y 0→-8 翻走;新档案 opacity 0→1 + y 10→0 翻入。crossfade + 轻微位移。
--dur-base × --ease-leaf
REDUCED · 瞬切,无过渡。
// EASING · 命名缓动
三条缓动,全部走 CSS 变量 —— 不许在组件里散写 cubic-bezier 字面量。
--ease-settle
cubic-bezier(0.16, 1, 0.3, 1)
入场默认。茶汤入杯的 ease-out:起手快、尾段绵长收住。
--ease-press
cubic-bezier(0.34, 1.2, 0.64, 1)
落章专用。极轻微 overshoot (<20%),模拟印章压下那一下。仅落章微交互用。
--ease-leaf
cubic-bezier(0.4, 0, 0.2, 1)
档案翻页专用。标准双向缓动,进出对称,像翻一页纸的匀速感。
// DURATION · 三档时长
// ENTRANCE · 入场原则
// A11Y · reduced-motion 铁律
所有动效必须能被 prefers-reduced-motion: reduce 完全关掉。
三层防线,任一新动效至少落一层:① motion/react 组件用 useReducedMotion() gate;② 纯 CSS keyframe 补 @media (prefers-reduced-motion: reduce) 关;③ globals.css 末尾 global guard 把时长压到 0.001ms 兜底。需要「瞬切不留半透明」的 (翻页 / 落章) 仍要显式给终态。
屏幕上的成因→风味落到手上:随茶寄的包裹卡、一批一证的批次证书、封在包装上的田字格印,把这批为什么这个味交到客人手里,可收藏、可追溯。
屏幕上的成因→风味,最后要 落到手上。随茶寄的包裹卡、一批一证的批次证书、封在包装上的田字格印 —— 三样实体触点把「这批为什么这个味」交到客人手里,也让整套系统看起来是可收藏、可追溯的实物。
// PACKING CARD · 包裹卡
多雨春
谷雨 · 二〇二六
「兰花香不冲不散,是聚成一束的那种」
正面 · FRONT
CAUSE → FLAVOR
01 → 回甘比往年更长,咽下去喉头一路甜上来
02 → 兰花香不冲不散,是聚成一束的那种
背面 · BACK
A6 收藏尺、双面、一批一版。正面把诗意批名做到最大,配采制时刻与一句风味钩子;背面印这批的「成因→风味」、溯源与二维码。叙事锚:客人把每批的包裹卡都留着 —— 集齐一个香型的谱系。
// 版式源 docs/包裹卡.typ · 字段来源 lib/products.ts Batch
// BATCH CERTIFICATE · 批次证书
A4 竖向、一批一证、收藏级。像一份出身证明:把这批的身份、溯源、风土、制作、理化、成因→风味全列上,最后是林永的品控签名位与用印。给的是 可核验的完整记录,不是一句「臻选」。
// 版式源 docs/批次证书.typ · 字段来源 lib/products.ts Batch
多雨春
谷雨 · 二〇二六
溯源
风土
制作
01 → 回甘比往年更长,咽下去喉头一路甜上来
02 → 兰花香不冲不散,是聚成一束的那种
QC / 品控签名
林永
// SEAL · 田字格印用法
字标 · 版面单元 · 封缄
田字格印在实体触点上有固定用法:它既是字标,也是版面单元,还是封缄。跨包裹卡、证书、罐标一致出现,是这套系统「一个作者」的签名。
抬头字标
包裹卡 / 证书左上角作抬头,缩到 15–16pt 小印,不加做旧、不旋转。
QC 用印
证书落款处作「QC 用印」,替代红印泥;印色永远墨底 lavender,不用红。
封缄
包装封口处作封缄章;撕开即破,是这批被打开过的物理留底。
版面单元
细墨格四字 + 右上薰衣紫角标;一格一字,字距 0,思源宋体 900。
印永远墨底薰衣紫,禁红印泥 / 禁做旧 / 禁旋转 / 禁描金。三处实体触点用同一枚印,一个作者的签名。
// DOC · BRAND-BOOK
完整品牌手册 · 31 页 PDF