newsui/.playwright-mcp/page-2026-05-19T15-28-45-172Z.yml

- generic [ref=e2]:
  - complementary [ref=e3]:
    - link "NewspaperUI" [ref=e4] [cursor=pointer]:
      - /url: /
    - generic [ref=e5]: Production Newspaper Components
    - navigation [ref=e6]:
      - list [ref=e7]:
        - listitem [ref=e8]:
          - link "概览 / 头版" [ref=e9] [cursor=pointer]:
            - /url: /
        - listitem [ref=e10]:
          - link "栅格系统" [ref=e11] [cursor=pointer]:
            - /url: /grid-system
        - listitem [ref=e12]:
          - link "布局组件" [ref=e13] [cursor=pointer]:
            - /url: /components/article
          - list [ref=e14]:
            - listitem [ref=e15]:
              - link "Masthead" [ref=e16] [cursor=pointer]:
                - /url: /components/masthead
            - listitem [ref=e17]:
              - link "Article + Layer" [ref=e18] [cursor=pointer]:
                - /url: /components/article
            - listitem [ref=e19]:
              - link "Rule 分隔线" [ref=e20] [cursor=pointer]:
                - /url: /components/rule
        - listitem [ref=e21]:
          - link "文本组件" [ref=e22] [cursor=pointer]:
            - /url: /text
        - listitem [ref=e23]:
          - link "媒体组件" [ref=e24] [cursor=pointer]:
            - /url: /components/media
        - listitem [ref=e25]:
          - link "主题与颜色" [ref=e26] [cursor=pointer]:
            - /url: /theme
        - listitem [ref=e27]:
          - link "示例" [ref=e28] [cursor=pointer]:
            - /url: /examples/spanning
          - list [ref=e29]:
            - listitem [ref=e30]:
              - link "跨栏布局" [ref=e31] [cursor=pointer]:
                - /url: /examples/spanning
            - listitem [ref=e32]:
              - link "响应式" [ref=e33] [cursor=pointer]:
                - /url: /examples/responsive
            - listitem [ref=e34]:
              - link "Blackletter 头版" [ref=e35] [cursor=pointer]:
                - /url: /examples/blackletter-frontpage
  - main [ref=e36]:
    - article [ref=e39]:
      - heading "主题与颜色" [level=1] [ref=e40]
      - paragraph [ref=e41]: 设计哲学：暖灰系 + warm off-white。不使用纯黑（#000）也不使用纯白（#FFF）， 把屏幕配色带回纸面的温度。
      - heading "主题切换" [level=2] [ref=e42]
      - paragraph [ref=e44]: 点击切换深色模式。深色基调采用暖深棕黑（#14110D）而非冷蓝黑，保持报纸的纸性触感。
      - button "Dark Mode" [ref=e46] [cursor=pointer]
      - heading "文字色 token" [level=2] [ref=e47]
      - generic [ref=e48]:
        - generic [ref=e51]:
          - code [ref=e52]: "--nui-text-primary"
          - generic [ref=e53]: "#1A1A1A · 标题、主文本"
        - generic [ref=e56]:
          - code [ref=e57]: "--nui-text-body"
          - generic [ref=e58]: "#22201C · 正文"
        - generic [ref=e61]:
          - code [ref=e62]: "--nui-text-secondary"
          - generic [ref=e63]: "#4A4742 · Subhead、次级"
        - generic [ref=e66]:
          - code [ref=e67]: "--nui-text-muted"
          - generic [ref=e68]: "#6E6A63 · Caption、注释"
        - generic [ref=e71]:
          - code [ref=e72]: "--nui-text-quote"
          - generic [ref=e73]: "#2E2A24 · Quote 主体"
      - heading "背景与分隔线 token" [level=2] [ref=e74]
      - generic [ref=e75]:
        - generic [ref=e78]:
          - code [ref=e79]: "--nui-bg-page"
          - generic [ref=e80]: "#F7F4ED · Warm off-white 页面底"
        - generic [ref=e83]:
          - code [ref=e84]: "--nui-bg-surface"
          - generic [ref=e85]: "#FBF9F4 · 次级面板背景"
        - generic [ref=e88]:
          - code [ref=e89]: "--nui-rule-hairline"
          - generic [ref=e90]: "#C9C2B2 · 细线分隔"
        - generic [ref=e93]:
          - code [ref=e94]: "--nui-rule-decorative"
          - generic [ref=e95]: "#1A1A1A · 强调线"
        - generic [ref=e98]:
          - code [ref=e99]: "--nui-highlight"
          - generic [ref=e100]: "#F2E9C8 · 旧报纸黄"
      - heading "强调色 token" [level=2] [ref=e101]
      - generic [ref=e102]:
        - generic [ref=e105]:
          - code [ref=e106]: "--nui-accent-primary"
          - generic [ref=e107]: "#7A1F1F · Brick red, Kicker / Masthead 强调"
        - generic [ref=e110]:
          - code [ref=e111]: "--nui-accent-ink-blue"
          - generic [ref=e112]: "#1B2A4A · The Times 蓝"
        - generic [ref=e115]:
          - code [ref=e116]: "--nui-highlight"
          - generic [ref=e117]: "#F2E9C8 · 高亮底色"
      - heading "字体家族" [level=2] [ref=e118]
      - paragraph [ref=e120]: 全部经典严肃风字体：Cormorant Garamond 承担报头与展示，Source Serif 4 贯穿正文与标题，Inter 处理 small-caps 元信息。Blackletter preset 通过 UnifrakturMaguntia 切入哥特报头。
      - generic [ref=e121]:
        - generic [ref=e122]:
          - generic [ref=e123]: "--font-family-masthead · Cormorant Garamond — 报头"
          - generic [ref=e124]: The Daily Chronicle
        - generic [ref=e125]:
          - generic [ref=e126]: "--font-family-blackletter · UnifrakturMaguntia — Blackletter preset"
          - generic [ref=e127]: The Daily Chronicle
        - generic [ref=e128]:
          - generic [ref=e129]: "--font-family-display · Source Serif 4 — Display 大字头条"
          - generic [ref=e130]: A Quiet Revolution
        - generic [ref=e131]:
          - generic [ref=e132]: "--font-family-headline · Source Serif 4 — Headline / Subhead"
          - generic [ref=e133]: Whitehall confirms review
        - generic [ref=e134]:
          - generic [ref=e135]: "--font-family-body · Source Serif 4 — 正文"
          - generic [ref=e136]: In Manchester, regional officials greeted the announcement.
        - generic [ref=e137]:
          - generic [ref=e138]: "--font-family-meta · Inter — small-caps 元信息"
          - generic [ref=e139]: BY ALICE SMITH · LONDON