眉题标签（Eyebrow / Kicker）是什么：效果预览与 AI 设计提示词

效果预览

自动化工作流

把重复劳动交给系统

为小团队而生

一个人，跑出十个人的产出

NEW · 2.0

适合用在哪

所有标题组合的开头：Hero、章节、卡片。

容易踩的坑

眉题用 h2 而主标题用 h3，标题层级颠倒，读屏大纲和 SEO 都被打乱。
11px 灰色眉题在浅灰背景上对比度常低于 4.5:1，移动端几乎看不清。
中文也套用 0.16em 宽字距，方块字被拉散，读起来像一个个孤立的字。

设计提示词 · Prompt

眉题标签（Eyebrow / Kicker / Overline）：11-13px、全大写（英文）或小四号加粗（中文）、letter-spacing:+0.1-0.16em、品牌色或灰色。三种样式：纯文字（前置一段 16-24px 的短横线最经典）、胶囊描边（含小图标，如"NEW"）、浅色底色块。与主标题的间距 12-20px。内容写"类别/受众/新意"而不是重复标题——标题说"自动化你的工作流"，眉题就说"为小团队而生"。一对 Eyebrow + 标题的组合，比裸标题的停留时长高 20%+。

Eyebrow / Kicker / Overline: 11-13px, all caps (English) or small bold (Chinese), letter-spacing:+0.1-0.16em, brand color or gray. Three styles: plain text (preceded by a 16-24px short dash is the most classic), outlined pill (with a small icon, e.g. "NEW"), and a light tinted block. Spacing to the main heading 12-20px. The content should state "category/audience/what's new" rather than repeat the heading — if the heading says "Automate your workflow", the eyebrow says "Built for small teams". An Eyebrow + heading pair increases dwell time by 20%+ over a bare heading.

常见搭配

同一页面里经常和「眉题标签」一起出现的模式，可以收藏后用「组合收藏为整页提示词」一起交给 AI。

巨号展示标题Display Heading 眉题 + 巨号标题Eyebrow + Display Headline 三栏特性卡Tri-column Feature Cards

演示 HTML 结构

<div class="s d-kickerdemo">
  <span class="d-kicker">自动化工作流</span>
  <h4 class="d-kickerdemo__t">把重复劳动交给系统</h4>
  <span class="d-kicker d-kicker--line2">为小团队而生</span>
  <h4 class="d-kickerdemo__t" style="font-size:13px">一个人，跑出十个人的产出</h4>
  <span class="d-kicker d-kicker--pill">NEW · 2.0</span>
</div>