用途:在 TT Style(网页/营销)界面上放大字体排版表现力,充分挖掘 TikTokVF 可变字体的字重极值、大写规范与字宽对比能力。不适用于 Strict TUX-native 界面,其字重固定为 400/600/700,不得修改。
准备:先做层级检查,读取项目根目录 .tt-impeccable.md 或从代码库推断;确认项目已加载 TikTokVF 可变字体(检查 @font-face 与 package.json),若仅有 TikTok Sans 静态文件,字重 800/900 可能无法正常渲染,此时最大用 700 并说明限制。设计参考见 tt-impeccable/reference/tokens.md。
主要能力:建立最多三层的排版层级——Hero/展示 900(72–96px+,每页或每大节一个)、节标题 800(48–72px)、子标题与正文 400–600。核心原则是“加粗不等于处处加粗”:900 需要邻近 400 文字形成对比,全部 900 与全部 600 同样错误。大写仅用于 Hero 标注、节标签、活动口号等 5–6 词以内短语,每视觉区域最多一处;32–64px 大写用 letter-spacing: 0.06em,72px+ 用 -0.02em,混合大小写统一为 0。若 TikTokVF 提供 wdth 字宽轴,可仅用于展示与节标题,按“Hero 900 + wdth 115–120、节标题 800 + wdth 100、标签 600 + wdth 80–85”形成字宽阶梯;无该轴则仅靠字号与字重对比,不得用 transform: scaleX() 伪造。视口填充文字可用 vw/clamp 字号(仅限展示文字)。
用法与限制:示例字体栈为 'TikTokVF','TikTok Sans',system-ui,sans-serif;字重 800 用于节标题与突出展示文字,900 每页仅一处。布局可用不对称字重分割与文字出血(仅限单个 Hero 元素);与 tt-colorize 品牌表达色配合时,900 文字仅可用于装饰性标语。质量核查:每页是否仅一个 900、是否有 400 对比、大写是否克制、字距是否正确、是否只用 TikTok Sans、是否误用于 TUX-native。宽度轴使用前需验证,缺失会静默回退默认宽度。