https://37signals.com

页面构成与技术指标

正文

163

操作候选

0

图片

2

HTML

17 KB

文案

标题字数
9偏短
摘要字数
45偏短
H1
0
H2
0

动作

主要入口

00. Start here

表单
0/ 1 输入
站内链接
62
站外链接
8

安全与页面元信息

HTTPS
HSTS
CSP
nosniff
viewport
图标
JSON-LD
统计

构成

脚本
2 ext / 4 inline
语言
en
第三方域

Lighthouse

移动端模拟 · 性能评分

100 / 100

2026-09-05 · 实验室数据,非真实用户体验数据。

查看详情

移动端模拟 · 实验室数据,非真实用户体验数据
2026-09-05T04:06:37.697Z · Lighthouse 13.4.1

性能100/ 100
可访问性100/ 100
最佳实践100/ 100
SEO100/ 100
LCP · 主要内容出现1,451 ms
CLS · 布局偏移0.000
TBT · 主线程阻塞0 ms
FCP · 首次内容绘制1,451 ms
SI · 视觉加载速度1,772 ms

分数会受服务器、网络和测试环境影响,独立于品味/转化评分。诊断保留 Lighthouse 原文。

Image elements do not have explicit `width` and `height`

Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "url": "https://37signals.com/assets/images/logo.svg",
      "node": {
        "lhId": "1-76-IMG",
        "path": "1,HTML,1,BODY,3,HEADER,0,H1,0,A,0,IMG",
        "type": "node",
        "snippet": "<img src=\"/assets/images/logo.svg\" alt=\"37signals\">",
        "selector": "header.header > h1 > a > img",
        "nodeLabel": "37signals",
        "boundingRect": {
          "top": 15,
          "left": 290,
          "right": 397,
          "width": 107,
          "bottom": 45,
          "height": 30
        }
      }
    }
  ],
  "headings": [
    {
      "key": "node",
      "label": "",
      "valueType": "node"
    },
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    }
  ]
}

Use efficient cache lifetimes

Est savings of 126 KiB

A long cache lifetime can speed up repeat visits to your page. Learn more about caching.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "url": "https://37signals.com/assets/fonts/LabGrotesque-Bold.woff2",
      "totalBytes": 51855,
      "wastedBytes": 51855,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/fonts/LabGrotesque-Regular.woff2",
      "totalBytes": 49740,
      "wastedBytes": 49740,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/js/script.js",
      "totalBytes": 3675,
      "wastedBytes": 3644.375,
      "cacheLifetimeMs": 60000
    },
    {
      "url": "https://37signals.com/assets/images/logo-black.svg",
      "totalBytes": 2493,
      "wastedBytes": 2493,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/images/logo.svg",
      "totalBytes": 2461,
      "wastedBytes": 2461,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/js/modules/controller.js",
      "totalBytes": 1555,
      "wastedBytes": 1555,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/elements.css?v=1.0.0",
      "totalBytes": 1306,
      "wastedBytes": 1306,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/content.css?v=1.0.0",
      "totalBytes": 1220,
      "wastedBytes": 1220,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/nav.css?v=1.0.0",
      "totalBytes": 1008,
      "wastedBytes": 1008,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/downloads.css?v=1.0.0",
      "totalBytes": 977,
      "wastedBytes": 977,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/page.css?v=1.0.0",
      "totalBytes": 947,
      "wastedBytes": 947,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/reset.css?v=1.0.0",
      "totalBytes": 814,
      "wastedBytes": 814,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/footer.css?v=1.0.0",
      "totalBytes": 809,
      "wastedBytes": 809,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/signup.css?v=1.0.0",
      "totalBytes": 801,
      "wastedBytes": 801,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/root.css?v=1.0.0",
      "totalBytes": 792,
      "wastedBytes": 792,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/books.css?v=1.0.0",
      "totalBytes": 765,
      "wastedBytes": 765,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/js/modules/signup.js",
      "totalBytes": 735,
      "wastedBytes": 735,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/signal.css?v=1.0.0",
      "totalBytes": 686,
      "wastedBytes": 686,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/header.css?v=1.0.0",
      "totalBytes": 683,
      "wastedBytes": 683,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/js/modules/scroll.js",
      "totalBytes": 672,
      "wastedBytes": 672,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/cluster.css?v=1.0.0",
      "totalBytes": 535,
      "wastedBytes": 535,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/js/modules/navigate.js",
      "totalBytes": 525,
      "wastedBytes": 525,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/fonts.css?v=1.0.0",
      "totalBytes": 524,
      "wastedBytes": 524,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/controller.css?v=1.0.0",
      "totalBytes": 449,
      "wastedBytes": 449,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/jobs.css?v=1.0.0",
      "totalBytes": 408,
      "wastedBytes": 408,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/js/modules/theme.js",
      "totalBytes": 402,
      "wastedBytes": 402,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/thoughts.css?v=1.0.0",
      "totalBytes": 398,
      "wastedBytes": 398,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/origin.css?v=1.0.0",
      "totalBytes": 384,
      "wastedBytes": 384,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/boundary.css?v=1.0.0",
      "totalBytes": 350,
      "wastedBytes": 350,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/button.css?v=1.0.0",
      "totalBytes": 306,
      "wastedBytes": 306,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/js/script.js?v=1.0.0",
      "totalBytes": 272,
      "wastedBytes": 272,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/thought.css?v=1.0.0",
      "totalBytes": 254,
      "wastedBytes": 254,
      "cacheLifetimeMs": 0
    },
    {
      "url": "https://37signals.com/assets/css/policies.css?v=1.0.0",
      "totalBytes": 133,
      "wastedBytes": 133,
      "cacheLifetimeMs": 0
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "Request",
      "valueType": "url"
    },
    {
      "key": "cacheLifetimeMs",
      "label": "Cache TTL",
      "valueType": "ms",
      "displayUnit": "duration"
    },
    {
      "key": "totalBytes",
      "label": "Transfer Size",
      "valueType": "bytes",
      "displayUnit": "kb",
      "granularity": 1
    }
  ],
  "sortedBy": [
    "wastedBytes"
  ],
  "debugData": {
    "type": "debugdata",
    "wastedBytes": 128903.375
  },
  "skipSumming": [
    "cacheLifetimeMs"
  ]
}

Font display

Est savings of 110 ms

Consider setting font-display to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with font metric overrides.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "url": "https://37signals.com/assets/fonts/LabGrotesque-Bold.woff2",
      "wastedMs": 110
    },
    {
      "url": "https://37signals.com/assets/fonts/LabGrotesque-Regular.woff2",
      "wastedMs": 110
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "wastedMs",
      "label": "Est Savings",
      "valueType": "ms"
    }
  ],
  "skipSumming": [
    "wastedMs"
  ]
}

Network dependency tree

Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.

对应元素与资源
{
  "type": "list",
  "items": [
    {
      "type": "list-section",
      "value": {
        "type": "network-tree",
        "chains": {
          "5A563C067A258FFAC35845BEC4EEE84F": {
            "url": "https://37signals.com/",
            "children": {
              "47157.2": {
                "url": "https://37signals.com/assets/css/reset.css?v=1.0.0",
                "children": {},
                "transferSize": 814,
                "navStartToEndTime": 579
              },
              "47157.3": {
                "url": "https://37signals.com/assets/css/root.css?v=1.0.0",
                "children": {},
                "transferSize": 792,
                "navStartToEndTime": 694
              },
              "47157.4": {
                "url": "https://37signals.com/assets/css/fonts.css?v=1.0.0",
                "children": {
                  "47157.58": {
                    "url": "https://37signals.com/assets/fonts/LabGrotesque-Regular.woff2",
                    "children": {},
                    "transferSize": 49740,
                    "navStartToEndTime": 828
                  },
                  "47157.66": {
                    "url": "https://37signals.com/assets/fonts/LabGrotesque-Bold.woff2",
                    "children": {},
                    "transferSize": 51855,
                    "navStartToEndTime": 824
                  }
                },
                "transferSize": 524,
                "navStartToEndTime": 583
              },
              "47157.5": {
                "url": "https://37signals.com/assets/css/elements.css?v=1.0.0",
                "children": {},
                "transferSize": 1306,
                "navStartToEndTime": 691
              },
              "47157.6": {
                "url": "https://37signals.com/assets/css/button.css?v=1.0.0",
                "children": {},
                "transferSize": 306,
                "navStartToEndTime": 683
              },
              "47157.7": {
                "url": "https://37signals.com/assets/css/content.css?v=1.0.0",
                "children": {},
                "transferSize": 1220,
                "navStartToEndTime": 693
              },
              "47157.8": {
                "url": "https://37signals.com/assets/css/books.css?v=1.0.0",
                "children": {},
                "transferSize": 765,
                "navStartToEndTime": 690
              },
              "47157.9": {
                "url": "https://37signals.com/assets/css/boundary.css?v=1.0.0",
                "children": {},
                "transferSize": 350,
                "navStartToEndTime": 693
              },
              "47157.10": {
                "url": "https://37signals.com/assets/css/cluster.css?v=1.0.0",
                "children": {},
                "transferSize": 535,
                "navStartToEndTime": 579
              },
              "47157.11": {
                "url": "https://37signals.com/assets/css/controller.css?v=1.0.0",
                "children": {},
                "transferSize": 449,
                "navStartToEndTime": 693
              },
              "47157.12": {
                "url": "https://37signals.com/assets/css/downloads.css?v=1.0.0",
                "children": {},
                "transferSize": 977,
                "navStartToEndTime": 578
              },
              "47157.13": {
                "url": "https://37signals.com/assets/css/footer.css?v=1.0.0",
                "children": {},
                "transferSize": 809,
                "navStartToEndTime": 582
              },
              "47157.14": {
                "url": "https://37signals.com/assets/css/header.css?v=1.0.0",
                "children": {},
                "transferSize": 683,
                "navStartToEndTime": 690
              },
              "47157.15": {
                "url": "https://37signals.com/assets/css/jobs.css?v=1.0.0",
                "children": {},
                "transferSize": 408,
                "navStartToEndTime": 581
              },
              "47157.16": {
                "url": "https://37signals.com/assets/css/nav.css?v=1.0.0",
                "children": {},
                "transferSize": 1008,
                "navStartToEndTime": 688
              },
              "47157.17": {
                "url": "https://37signals.com/assets/css/origin.css?v=1.0.0",
                "children": {},
                "transferSize": 384,
                "navStartToEndTime": 693
              },
              "47157.18": {
                "url": "https://37signals.com/assets/css/page.css?v=1.0.0",
                "children": {},
                "transferSize": 947,
                "navStartToEndTime": 694
              },
              "47157.19": {
                "url": "https://37signals.com/assets/css/policies.css?v=1.0.0",
                "children": {},
                "transferSize": 133,
                "navStartToEndTime": 694
              },
              "47157.20": {
                "url": "https://37signals.com/assets/css/signal.css?v=1.0.0",
                "children": {},
                "transferSize": 686,
                "navStartToEndTime": 694
              },
              "47157.21": {
                "url": "https://37signals.com/assets/css/signup.css?v=1.0.0",
                "children": {},
                "transferSize": 801,
                "navStartToEndTime": 695
              },
              "47157.22": {
                "url": "https://37signals.com/assets/css/thought.css?v=1.0.0",
                "children": {},
                "transferSize": 254,
                "navStartToEndTime": 583
              },
              "47157.23": {
                "url": "https://37signals.com/assets/css/thoughts.css?v=1.0.0",
                "children": {},
                "transferSize": 398,
                "navStartToEndTime": 694
              },
              "47157.24": {
                "url": "https://37signals.com/assets/js/script.js?v=1.0.0",
                "children": {
                  "47157.78": {
                    "url": "https://37signals.com/assets/js/modules/controller.js",
                    "children": {},
                    "transferSize": 1555,
                    "navStartToEndTime": 829
                  },
                  "47157.79": {
                    "url": "https://37signals.com/assets/js/modules/navigate.js",
                    "children": {},
                    "transferSize": 525,
                    "navStartToEndTime": 829
                  },
                  "47157.80": {
                    "url": "https://37signals.com/assets/js/modules/scroll.js",
                    "children": {},
                    "transferSize": 672,
                    "navStartToEndTime": 829
                  },
                  "47157.81": {
                    "url": "https://37signals.com/assets/js/modules/signup.js",
                    "children": {},
                    "isLongest": true,
                    "transferSize": 735,
                    "navStartToEndTime": 832
                  },
                  "47157.82": {
                    "url": "https://37signals.com/assets/js/modules/theme.js",
                    "children": {},
                    "transferSize": 402,
                    "navStartToEndTime": 829
                  }
                },
                "isLongest": true,
                "transferSize": 272,
                "navStartToEndTime": 696
              }
            },
            "isLongest": true,
            "transferSize": 3671,
            "navStartToEndTime": 419
          }
        },
        "longestChain": {
          "duration": 832
        }
      }
    },
    {
      "type": "list-section",
      "title": "Preconnected origins",
      "value": {
        "type": "text",
        "value": "no origins were preconnected"
      },
      "description": "[preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints help the browser establish a connection earlier in the page load, saving time when the first request for that origin is made. The following are the origins that the page preconnected to."
    },
    {
      "type": "list-section",
      "title": "Preconnect candidates",
      "value": {
        "type": "text",
        "value": "No additional origins are good candidates for preconnecting"
      },
      "description": "Add [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints to your most important origins, but try to use no more than 4."
    }
  ]
}

Render-blocking requests

Est savings of 580 ms

Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "url": "https://37signals.com/assets/css/signup.css?v=1.0.0",
      "totalBytes": 801
    },
    {
      "url": "https://37signals.com/assets/css/page.css?v=1.0.0",
      "totalBytes": 947
    },
    {
      "url": "https://37signals.com/assets/css/thoughts.css?v=1.0.0",
      "totalBytes": 398
    },
    {
      "url": "https://37signals.com/assets/css/root.css?v=1.0.0",
      "totalBytes": 792
    },
    {
      "url": "https://37signals.com/assets/css/signal.css?v=1.0.0",
      "totalBytes": 686
    },
    {
      "url": "https://37signals.com/assets/css/policies.css?v=1.0.0",
      "totalBytes": 133
    },
    {
      "url": "https://37signals.com/assets/css/boundary.css?v=1.0.0",
      "totalBytes": 350
    },
    {
      "url": "https://37signals.com/assets/css/controller.css?v=1.0.0",
      "totalBytes": 449
    },
    {
      "url": "https://37signals.com/assets/css/content.css?v=1.0.0",
      "totalBytes": 1220
    },
    {
      "url": "https://37signals.com/assets/css/origin.css?v=1.0.0",
      "totalBytes": 384
    },
    {
      "url": "https://37signals.com/assets/css/elements.css?v=1.0.0",
      "totalBytes": 1306
    },
    {
      "url": "https://37signals.com/assets/css/books.css?v=1.0.0",
      "totalBytes": 765
    },
    {
      "url": "https://37signals.com/assets/css/header.css?v=1.0.0",
      "totalBytes": 683
    },
    {
      "url": "https://37signals.com/assets/css/nav.css?v=1.0.0",
      "wastedMs": 150,
      "totalBytes": 1008
    },
    {
      "url": "https://37signals.com/assets/css/button.css?v=1.0.0",
      "totalBytes": 306
    },
    {
      "url": "https://37signals.com/assets/css/fonts.css?v=1.0.0",
      "totalBytes": 524
    },
    {
      "url": "https://37signals.com/assets/css/thought.css?v=1.0.0",
      "totalBytes": 254
    },
    {
      "url": "https://37signals.com/assets/css/footer.css?v=1.0.0",
      "totalBytes": 809
    },
    {
      "url": "https://37signals.com/assets/css/jobs.css?v=1.0.0",
      "totalBytes": 408
    },
    {
      "url": "https://37signals.com/assets/css/reset.css?v=1.0.0",
      "totalBytes": 814
    },
    {
      "url": "https://37signals.com/assets/css/cluster.css?v=1.0.0",
      "totalBytes": 535
    },
    {
      "url": "https://37signals.com/assets/css/downloads.css?v=1.0.0",
      "totalBytes": 977
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "totalBytes",
      "label": "Transfer Size",
      "valueType": "bytes"
    },
    {
      "key": "wastedMs",
      "label": "Duration",
      "valueType": "timespanMs"
    }
  ]
}
测试环境与原始指标
{
  "finalUrl": "https://37signals.com/",
  "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/151.0.0.0 Safari/537.36",
  "formFactor": "mobile",
  "throttlingMethod": "simulate",
  "throttling": {
    "rttMs": 150,
    "throughputKbps": 1638.4,
    "requestLatencyMs": 562.5,
    "uploadThroughputKbps": 675,
    "cpuSlowdownMultiplier": 4,
    "downloadThroughputKbps": 1474.5600000000002
  },
  "metrics": [
    {
      "id": "largest-contentful-paint",
      "unit": "millisecond",
      "value": 1450.8105
    },
    {
      "id": "cumulative-layout-shift",
      "unit": "unitless",
      "value": 0
    },
    {
      "id": "total-blocking-time",
      "unit": "millisecond",
      "value": 0
    },
    {
      "id": "first-contentful-paint",
      "unit": "millisecond",
      "value": 1450.8105
    },
    {
      "id": "speed-index",
      "unit": "millisecond",
      "value": 1771.5976400001168
    }
  ]
}

01 / 值得借鉴

好设计,具体好在哪

观点标题直接形成品牌

Small teams、Work isn’t war 等短句无需插画就传达公司的鲜明态度。

编号让长目录有秩序

每行都以两位编号开头,读者能够辨认相邻章节与整体阅读进度。

02 / 下一步

值得继续打磨的地方

  1. 01

    避免目录渐隐削弱可读性

    首屏底部几条观点逐渐变淡,虽然暗示后续内容,也降低了文字对比。

    将渐隐只用于滚动容器边缘,当前可选条目保持足够对比;键盘聚焦时立即显示完整文字。

03 / 设计语言

把气质拆成可复用的参数

色彩

背景

#ec4343

文字

#ffffff

字体与尺度

标题字体
Lab Grotesque
正文字体
Lab Grotesque
标题 / 正文
34.4px / 34.4px

间距与形状

区块间距
0px
组件内距
卡片圆角
按钮圆角
0px

参数来自页面元素采样,空值表示未取得;不将单个元素的参数当作全站规范。

04 / 检查依据

观察与实测依据

数据来自同次页面采集;字体、圆角和间距为具体元素采样,不代表全站唯一设计规范。空值为未取得。HTML 为源码体积,不是压缩传输量;脚本数为 DOM 标签数,不是请求数。

品味1 项观察

避免目录渐隐削弱可读性

首屏底部几条观点逐渐变淡,虽然暗示后续内容,也降低了文字对比。

将渐隐只用于滚动容器边缘,当前可选条目保持足够对比;键盘聚焦时立即显示完整文字。

desktop.png and mobile.png: lower index entries fade
上线4 项观察

没有 HSTS 响应头

中优先级

没有 Strict-Transport-Security,第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。

在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。

strict-transport-security missing

没有 Content-Security-Policy

CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载,包括被注入的脚本。

先开 report-only CSP,再收成 default-src 'self' 和明确的 script-src。

content-security-policy missing

没有 X-Content-Type-Options

没有 nosniff,浏览器可能按错误类型解释文件。这是一行响应头。

设置 X-Content-Type-Options: nosniff。

x-content-type-options missing

没有 Referrer-Policy

默认 referrer 可能把站内路径和查询串漏给第三方。

设置 Referrer-Policy: strict-origin-when-cross-origin。

referrer-policy missing
链接分享预览

05 / 开始动手

把下一步,交给你的 AI

优化指令用于调整这个页面;设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。

查看完整指令
请基于 https://37signals.com 的 2026-09-05T03:26:03.910Z 页面快照优化当前项目。先确认当前实现与快照差异,不要把已变化的内容重新改回旧版。

设计基线
顶部连接 Basecamp、HEY、Fizzy 与 ONCE,主体以从00开始的观点目录组织公司理念,底部聚合书籍、文章、招聘和政策。手机仍以单列编号为主体。参考单一强色、统一编号和密集目录的节奏;需要为长目录提供清楚的当前项与返回路径。
{
  "colors": [
    {
      "role": "bg",
      "hex": "#ec4343"
    },
    {
      "role": "ink",
      "hex": "#ffffff"
    }
  ],
  "fonts": {
    "body": "Lab Grotesque",
    "display": "Lab Grotesque",
    "stack": [
      "Lab Grotesque"
    ]
  },
  "radius": {
    "button": "0px",
    "card": "",
    "field": ""
  },
  "space": {
    "section": "0px",
    "card": ""
  },
  "type": {
    "h1": "34.4px",
    "body": "34.4px",
    "weight": "700",
    "lineHeight": "44.72px",
    "letterSpacing": "-0.344px"
  }
}
数据来自同次页面采集;字体、圆角和间距为具体元素采样,不代表全站唯一设计规范。空值为未取得。HTML 为源码体积,不是压缩传输量;脚本数为 DOM 标签数,不是请求数。

执行事项
1. 避免目录渐隐削弱可读性
将渐隐只用于滚动容器边缘,当前可选条目保持足够对比;键盘聚焦时立即显示完整文字。
依据: desktop.png and mobile.png: lower index entries fade

2. 没有 HSTS 响应头
在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。
依据: strict-transport-security missing

3. 没有 Content-Security-Policy
先开 report-only CSP,再收成 default-src 'self' 和明确的 script-src。
依据: content-security-policy missing

4. 没有 X-Content-Type-Options
设置 X-Content-Type-Options: nosniff。
依据: x-content-type-options missing

5. 没有 Referrer-Policy
设置 Referrer-Policy: strict-origin-when-cross-origin。
依据: referrer-policy missing

验收
- 在 1440×900 和 390×844 分别核对文字、布局和主要操作“00. Start here”。
- 保留已有品牌、登录和业务链路,不从静态截图推断交互故障。
- 只修复有证据的项;涉及安全响应头时先用报告模式验证现有资源及认证兼容性。
- 对比修改前后的截图,并执行相关功能测试。不要声称未经测试的功能已通过。