Max Potential First Input Delay
820 ms
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
页面构成与技术指标
正文
1448
操作候选
6
图片
115
HTML
365 KB
文案
标题字数
37
摘要字数
78
H1
1
H2
8
动作
主要入口
Download for Mac
表单
1/ 2 输入
站内链接
96
站外链接
40
安全与页面元信息
HTTPS
有
HSTS
有
CSP
有
nosniff
有
viewport
有
图标
有
JSON-LD
无
统计
无
构成
Next.js / React / Tailwind
脚本
59 ext / 12 inline
Alt
39 missing
语言
en
第三方域
3
Lighthouse
移动端模拟 · 性能评分
42 / 100
2026-09-05 · 本次测试有警告，结果可能不完整。
查看详情
移动端模拟 · 实验室数据，非真实用户体验数据
2026-09-05T03:59:06.681Z · Lighthouse 13.4.1
本次测试有警告，结果可能不完整： The page may not be loading as expected because your test URL (https://raycast.com/) was redirected to https://www.raycast.com/. Try testing the second URL directly.
性能42/ 100
可访问性85/ 100
最佳实践100/ 100
SEO92/ 100
LCP · 主要内容出现17,502 ms
CLS · 布局偏移0.000
TBT · 主线程阻塞873 ms
FCP · 首次内容绘制3,385 ms
SI · 视觉加载速度7,281 ms
分数会受服务器、网络和测试环境影响，独立于品味／转化评分。诊断保留 Lighthouse 原文。
Time to Interactive
18.7 s
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Avoid multiple page redirects
Est savings of 1,230 ms
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
对应元素与资源
{
"type": "opportunity",
"items": [
{
"url": "https://raycast.com/",
"wastedMs": 1227.3390000000004
},
{
"url": "https://www.raycast.com/",
"wastedMs": 0
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "wastedMs",
"label": "Time Spent",
"valueType": "timespanMs"
}
],
"overallSavingsMs": 1227.3390000000004
}Minimize main-thread work
3.6 s
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
对应元素与资源
{
"type": "table",
"items": [
{
"group": "scriptEvaluation",
"duration": 1874.091999999971,
"groupLabel": "Script Evaluation"
},
{
"group": "other",
"duration": 785.0400000000009,
"groupLabel": "Other"
},
{
"group": "styleLayout",
"duration": 390.2119999999999,
"groupLabel": "Style & Layout"
},
{
"group": "paintCompositeRender",
"duration": 266.2239999999895,
"groupLabel": "Rendering"
},
{
"group": "scriptParseCompile",
"duration": 258.00000000000006,
"groupLabel": "Script Parsing & Compilation"
},
{
"group": "garbageCollection",
"duration": 28.29199999999999,
"groupLabel": "Garbage Collection"
},
{
"group": "parseHTML",
"duration": 25.703999999999994,
"groupLabel": "Parse HTML & CSS"
}
],
"headings": [
{
"key": "groupLabel",
"label": "Category",
"valueType": "text"
},
{
"key": "duration",
"label": "Time Spent",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"duration"
]
}Reduce JavaScript execution time
1.9 s
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://www.raycast.com/_next/static/immutable/chunks/0n_12s0hvi130.js",
"total": 1790.679999999979,
"scripting": 1199.8399999999822,
"scriptParseCompile": 1.448
},
{
"url": "https://www.raycast.com/",
"total": 684.3119999999997,
"scripting": 11.84799999999999,
"scriptParseCompile": 10.583999999999994
},
{
"url": "https://www.raycast.com/_next/static/immutable/chunks/0ivsxoi4x3vrh.js",
"total": 549.4560000000115,
"scripting": 485.84400000001153,
"scriptParseCompile": 21.996
},
{
"url": "Unattributable",
"total": 185.5000000000036,
"scripting": 17.15599999999999,
"scriptParseCompile": 0
},
{
"url": "https://www.raycast.com/_next/static/immutable/chunks/0apoaygz7c5w1.js",
"total": 161.44400000000078,
"scripting": 106.57200000000077,
"scriptParseCompile": 49.876000000000005
}
],
"summary": {
"wastedMs": 1905.1639999999945
},
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "total",
"label": "Total CPU Time",
"valueType": "ms",
"granularity": 1
},
{
"key": "scripting",
"label": "Script Evaluation",
"valueType": "ms",
"granularity": 1
},
{
"key": "scriptParseCompile",
"label": "Script Parse",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"total"
]
}Missing source maps for large first-party JavaScript
Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. Learn more about source maps.
对应元素与资源
{
"type": "table",
"items": [
{
"subItems": {
"type": "subitems",
"items": [
{
"error": "Large JavaScript file is missing a source map"
}
]
},
"scriptUrl": "https://www.raycast.com/_next/static/immutable/chunks/3-8ctksf7d8s2.js"
},
{
"subItems": {
"type": "subitems",
"items": [
{
"error": "Large JavaScript file is missing a source map"
}
]
},
"scriptUrl": "https://www.raycast.com/_next/static/immutable/chunks/0apoaygz7c5w1.js"
}
],
"headings": [
{
"key": "scriptUrl",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "error"
}
},
{
"key": "sourceMapUrl",
"label": "Map URL",
"valueType": "url"
}
]
}Buttons do not have an accessible name
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-0-BUTTON",
"path": "1,HTML,1,BODY,1,DIV,6,DIV,2,DIV,1,DIV,0,BUTTON",
"type": "node",
"snippet": "<button class=\"ExtensionHighlight-module__3Yq4tG__previous\" disabled=\"\">",
"selector": "div.ExtensionHighlight-module__3Yq4tG__container > div.ExtensionHighlight-module__3Yq4tG__bottom > div.ExtensionHighlight-module__3Yq4tG__pagination > button.ExtensionHighlight-module__3Yq4tG__previous",
"nodeLabel": "div.ExtensionHighlight-module__3Yq4tG__container > div.ExtensionHighlight-module__3Yq4tG__bottom > div.ExtensionHighlight-module__3Yq4tG__pagination > button.ExtensionHighlight-module__3Yq4tG__previous",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 3383,
"left": 260,
"right": 318,
"width": 58,
"bottom": 3440,
"height": 57
}
}
},
{
"node": {
"lhId": "1-1-BUTTON",
"path": "1,HTML,1,BODY,1,DIV,6,DIV,2,DIV,1,DIV,1,BUTTON",
"type": "node",
"snippet": "<button class=\"ExtensionHighlight-module__3Yq4tG__next\">",
"selector": "div.ExtensionHighlight-module__3Yq4tG__container > div.ExtensionHighlight-module__3Yq4tG__bottom > div.ExtensionHighlight-module__3Yq4tG__pagination > button.ExtensionHighlight-module__3Yq4tG__next",
"nodeLabel": "div.ExtensionHighlight-module__3Yq4tG__container > div.ExtensionHighlight-module__3Yq4tG__bottom > div.ExtensionHighlight-module__3Yq4tG__pagination > button.ExtensionHighlight-module__3Yq4tG__next",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 3383,
"left": 330,
"right": 388,
"width": 58,
"bottom": 3440,
"height": 57
}
}
},
{
"node": {
"lhId": "1-2-BUTTON",
"path": "1,HTML,1,BODY,1,DIV,9,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,2,DIV,0,DIV,2,DIV,0,BUTTON",
"type": "node",
"snippet": "<button class=\"SnippetsShowcase-module__OvGovq__emojiPicker\" data-state=\"emoji\" disabled=\"\">",
"selector": "div.SnippetsShowcase-module__OvGovq__snippetsShowcase > div.SnippetsShowcase-module__OvGovq__addressSnippet > div.SnippetsShowcase-module__OvGovq__controls > button.SnippetsShowcase-module__OvGovq__emojiPicker",
"nodeLabel": "div.SnippetsShowcase-module__OvGovq__snippetsShowcase > div.SnippetsShowcase-module__OvGovq__addressSnippet > div.SnippetsShowcase-module__OvGovq__controls > button.SnippetsShowcase-module__OvGovq__emojiPicker",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 6220,
"left": 64,
"right": 96,
"width": 32,
"bottom": 6252,
"height": 32
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT",
"RGAAv4",
"RGAA-11.9.1"
],
"type": "debugdata",
"impact": "critical"
}
}Background and foreground colors do not have a sufficient contrast ratio.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-3-P",
"path": "1,HTML,1,BODY,1,DIV,4,DIV,2,DIV,0,DIV,1,P",
"type": "node",
"snippet": "<p>",
"selector": "div.page-module__H3BVAa__sectionContainer > div.index-module__utU0aa__container > div.SectionTitle-module__U5mb2W__container > p",
"nodeLabel": "One interface, everything you need.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 891,
"left": 48,
"right": 364,
"width": 316,
"bottom": 920,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-5-P",
"path": "1,HTML,1,BODY,1,DIV,6,DIV,0,DIV,0,DIV,0,DIV,1,P",
"type": "node",
"snippet": "<p>",
"selector": "div.ExtensionHighlight-module__3Yq4tG__top > div.ExtensionHighlight-module__3Yq4tG__text > div.SectionTitle-module__U5mb2W__container > p",
"nodeLabel": "Use your favorite tools without even opening them.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2680,
"left": 24,
"right": 388,
"width": 364,
"bottom": 2738,
"height": 58
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-6-P",
"path": "1,HTML,1,BODY,1,DIV,7,DIV,0,DIV,1,DIV,1,P",
"type": "node",
"snippet": "<p>",
"selector": "div.page-module__H3BVAa__sectionContainer > div.AIShowCase-module__nalCMW__title > div.SectionTitle-module__U5mb2W__container > p",
"nodeLabel": "AI where it’s most useful - on your OS.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3899,
"left": 38,
"right": 375,
"width": 337,
"bottom": 3927,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-7-SPAN",
"path": "1,HTML,1,BODY,1,DIV,7,DIV,1,DIV,3,DIV,1,SPAN",
"type": "node",
"snippet": "<span class=\"AIShowCase-module__nalCMW__pageDescription\">",
"selector": "div.page-module__H3BVAa__sectionContainer > div > div.AIShowCase-module__nalCMW__pageDescriptionContainer > span.AIShowCase-module__nalCMW__pageDescription",
"nodeLabel": "Always On ChatGPT. Stuck while coding? Need help writing an email? Meet your ne…",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 1.32 (foreground color: #252628, background color: #07080a, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4508,
"left": 48,
"right": 364,
"width": 316,
"bottom": 4585,
"height": 77
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-8-SPAN",
"path": "1,HTML,1,BODY,1,DIV,7,DIV,1,DIV,3,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"AIShowCase-module__nalCMW__pageDescription\">",
"selector": "div.page-module__H3BVAa__sectionContainer > div > div.AIShowCase-module__nalCMW__pageDescriptionContainer > span.AIShowCase-module__nalCMW__pageDescription",
"nodeLabel": "Your Automation Assistant. Create your own AI Commands to automate repetitive t…",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 1.32 (foreground color: #252628, background color: #07080a, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4617,
"left": 48,
"right": 364,
"width": 316,
"bottom": 4694,
"height": 77
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-9-P",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,0,DIV,1,P",
"type": "node",
"snippet": "<p>",
"selector": "div.page-module__H3BVAa__sectionContainer > div > div.SectionTitle-module__U5mb2W__container > p",
"nodeLabel": "Used by seriously productive people.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5145,
"left": 24,
"right": 388,
"width": 364,
"bottom": 5174,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-10-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,1,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Creator, MKBHD",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 404,
"right": 535,
"width": 131,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-11-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,2,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Founder, Framer",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 645,
"right": 760,
"width": 115,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-12-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,3,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Designer & Iconograph",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 870,
"right": 1031,
"width": 161,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-13-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,4,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Creator, Tailwind CSS",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 1141,
"right": 1293,
"width": 152,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-14-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,5,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Co-host, SyntaxFM",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 1403,
"right": 1539,
"width": 136,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-15-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,6,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Creator, Dive Club",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 1649,
"right": 1777,
"width": 128,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-16-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,7,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "CEO, Stellate",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 1887,
"right": 1978,
"width": 91,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-17-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,8,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Angel Investor",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 2088,
"right": 2190,
"width": 102,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-18-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,9,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Founding Engineer",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 2300,
"right": 2432,
"width": 132,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-19-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,10,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Founder",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 2542,
"right": 2600,
"width": 58,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-20-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,11,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Design Engineer",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 2710,
"right": 2826,
"width": 115,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-21-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,12,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Design Engineer",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 2936,
"right": 3061,
"width": 125,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-22-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,13,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Student",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 3171,
"right": 3280,
"width": 109,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-23-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,14,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Designer",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 3390,
"right": 3509,
"width": 119,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-24-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,15,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Designer",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 3619,
"right": 3682,
"width": 63,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-25-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,16,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Student",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 3792,
"right": 3847,
"width": 55,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-26-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,17,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Developer Advocate",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 3957,
"right": 4100,
"width": 143,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-27-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,18,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Runway AI",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 4210,
"right": 4324,
"width": 114,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-28-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,19,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Design Advocate",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 4434,
"right": 4554,
"width": 120,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-29-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,20,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Designer, OpenAI",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 4664,
"right": 4787,
"width": 123,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-30-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,21,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Designer",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 4897,
"right": 4960,
"width": 64,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-31-SPAN",
"path": "1,HTML,1,BODY,1,DIV,8,DIV,0,DIV,1,DIV,0,DIV,22,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"index-module__NFhuXW__title\">",
"selector": "div.index-module__NFhuXW__embla > div.index-module__NFhuXW__embla__container > div.index-module__NFhuXW__embla__slide > span.index-module__NFhuXW__title",
"nodeLabel": "Founder, Dub",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5275,
"left": 5070,
"right": 5164,
"width": 94,
"bottom": 5299,
"height": 24
}
}
},
{
"node": {
"lhId": "1-32-P",
"path": "1,HTML,1,BODY,1,DIV,9,DIV,0,DIV,0,DIV,1,P",
"type": "node",
"snippet": "<p>",
"selector": "div.page-module__H3BVAa__sectionContainer > div.Automation-module__frj_5G__container > div.SectionTitle-module__U5mb2W__container > p",
"nodeLabel": "Automate the things you do all the time.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 6019,
"left": 32,
"right": 380,
"width": 349,
"bottom": 6047,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-33-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,3,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Track your flights.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7519,
"left": 24,
"right": 355,
"width": 331,
"bottom": 7587,
"height": 67
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-34-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,4,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Convert anything.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7558,
"left": 111,
"right": 319,
"width": 208,
"bottom": 7587,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-35-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,5,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Search files.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7596,
"left": 24,
"right": 169,
"width": 145,
"bottom": 7625,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-36-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,6,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Run scripts.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7596,
"left": 176,
"right": 314,
"width": 138,
"bottom": 7625,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-37-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,7,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Manage your windows.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7634,
"left": 24,
"right": 294,
"width": 270,
"bottom": 7663,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-38-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,8,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Plan your day.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7634,
"left": 24,
"right": 351,
"width": 327,
"bottom": 7702,
"height": 67
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-39-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,9,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Remind you of stuff.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7673,
"left": 138,
"right": 372,
"width": 234,
"bottom": 7702,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-40-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,10,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Translate into any language.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7711,
"left": 24,
"right": 352,
"width": 328,
"bottom": 7740,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-41-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,11,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Block distractions.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7750,
"left": 24,
"right": 240,
"width": 216,
"bottom": 7779,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-42-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,12,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Find text in screenshots.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7750,
"left": 24,
"right": 375,
"width": 351,
"bottom": 7817,
"height": 67
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-43-SPAN",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,13,SPAN,0,SPAN",
"type": "node",
"snippet": "<span class=\"FeatureWall-module__3QuK8a__text\" tabindex=\"0\" role=\"button\">",
"selector": "div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > span > span.FeatureWall-module__3QuK8a__text",
"nodeLabel": "Insert Emojis.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7788,
"left": 181,
"right": 339,
"width": 158,
"bottom": 7817,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-44-A",
"path": "1,HTML,1,BODY,1,DIV,10,DIV,0,DIV,0,DIV,0,DIV,15,A",
"type": "node",
"snippet": "<a class=\"FeatureWall-module__3QuK8a__text\" href=\"./store\">",
"selector": "div.FeatureWall-module__3QuK8a__container > div.FeatureWall-module__3QuK8a__left > div.FeatureWall-module__3QuK8a__wall > a.FeatureWall-module__3QuK8a__text",
"nodeLabel": "And much, much more.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.02 (foreground color: #434345, background color: #07080a, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1",
"boundingRect": {
"top": 7826,
"left": 24,
"right": 295,
"width": 271,
"bottom": 7855,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-45-P",
"path": "1,HTML,1,BODY,1,DIV,11,DIV,1,DIV,0,DIV,1,P",
"type": "node",
"snippet": "<p>",
"selector": "div.CommunitySection-module__MQiDUG__container > div.CommunitySection-module__MQiDUG__socials > div.SectionTitle-module__U5mb2W__container > p",
"nodeLabel": "Join the community and learn how other people get the most out of Raycast.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 8058,
"left": 24,
"right": 388,
"width": 364,
"bottom": 8115,
"height": 58
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
},
{
"node": {
"lhId": "1-46-P",
"path": "1,HTML,1,BODY,1,DIV,13,DIV,1,DIV,0,DIV,1,P",
"type": "node",
"snippet": "<p>",
"selector": "div.CommandYourTime-module__rfxe3q__container > div.CommandYourTime-module__rfxe3q__action > div.SectionTitle-module__U5mb2W__container > p",
"nodeLabel": "Download and use Raycast for free.",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #6a6b6c, background color: #07080a, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 12816,
"left": 50,
"right": 362,
"width": 313,
"bottom": 12844,
"height": 29
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body>",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
]
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT",
"RGAAv4",
"RGAA-3.2.1"
],
"type": "debugdata",
"impact": "serious"
}
}Heading elements are not in a sequentially-descending order
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn more about heading order.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-47-H5",
"path": "1,HTML,1,BODY,1,DIV,9,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,H5",
"type": "node",
"snippet": "<h5>",
"selector": "div.Automation-module__frj_5G__card > div.Automation-module__frj_5G__top > div.Automation-module__frj_5G__description > h5",
"nodeLabel": "Snippets",
"explanation": "Fix any of the following:\n Heading order invalid",
"boundingRect": {
"top": 6296,
"left": 49,
"right": 165,
"width": 116,
"bottom": 6320,
"height": 24
}
}
},
{
"node": {
"lhId": "1-48-H5",
"path": "1,HTML,1,BODY,1,DIV,11,DIV,1,DIV,1,A,0,DIV,1,H5",
"type": "node",
"snippet": "<h5>",
"selector": "div.CommunitySection-module__MQiDUG__socials > a.CommunitySection-module__MQiDUG__socialCard > div.CommunitySection-module__MQiDUG__header > h5",
"nodeLabel": "Slack",
"explanation": "Fix any of the following:\n Heading order invalid",
"boundingRect": {
"top": 8189,
"left": 82,
"right": 259,
"width": 177,
"bottom": 8213,
"height": 24
}
}
},
{
"node": {
"lhId": "1-49-H5",
"path": "1,HTML,1,BODY,1,DIV,16,DIV,1,DIV,1,DIV,0,DIV,0,H5",
"type": "node",
"snippet": "<h5>",
"selector": "div.Footer-module__nhiC3q__content > div.Footer-module__nhiC3q__newsletter > div.Footer-module__nhiC3q__text > h5",
"nodeLabel": "Subscribe to our newsletter.",
"explanation": "Fix any of the following:\n Heading order invalid",
"boundingRect": {
"top": 14985,
"left": 24,
"right": 284,
"width": 260,
"bottom": 15008,
"height": 22
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.semantics",
"best-practice"
],
"type": "debugdata",
"impact": "moderate"
}
}Document does not have a main landmark.
One main landmark helps screen reader users navigate a web page. Learn more about landmarks.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-50-HTML",
"path": "1,HTML",
"type": "node",
"snippet": "<html lang=\"en\" class=\"inter_5901b7c6-module__ec5Qua__variable jetbrains_mono_b84eaf9e-module__QA…\">",
"selector": "html.inter_5901b7c6-module__ec5Qua__variable",
"nodeLabel": "html.inter_5901b7c6-module__ec5Qua__variable",
"explanation": "Fix all of the following:\n Document does not have a main landmark",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 15352,
"height": 15352
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.semantics",
"best-practice"
],
"type": "debugdata",
"impact": "moderate"
}
}Links do not have a discernible name
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to make links accessible.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-51-A",
"path": "1,HTML,1,BODY,1,DIV,2,DIV,0,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a href=\"/\">",
"selector": "div#navbar > div.Navbar-module__pSp8Ga__navbar > div.Navbar-module__pSp8Ga__logoContainer > a",
"nodeLabel": "div#navbar > div.Navbar-module__pSp8Ga__navbar > div.Navbar-module__pSp8Ga__logoContainer > a",
"explanation": "Fix all of the following:\n Element is in tab order and does not have accessible text\n\nFix any of the following:\n Element does not have text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute",
"boundingRect": {
"top": 0,
"left": 0,
"right": 0,
"width": 0,
"bottom": 0,
"height": 0
}
}
},
{
"node": {
"lhId": "1-52-A",
"path": "1,HTML,1,BODY,1,DIV,11,DIV,3,DIV,1,A",
"type": "node",
"snippet": "<a class=\"ArrowLink-module__qz07da__link ArrowLink-module__qz07da__right\" href=\"https://www.youtube.com/@raycastapp\">",
"selector": "div#root > div.CommunitySection-module__MQiDUG__container > div.CommunitySection-module__MQiDUG__footer > a.ArrowLink-module__qz07da__link",
"nodeLabel": "div#root > div.CommunitySection-module__MQiDUG__container > div.CommunitySection-module__MQiDUG__footer > a.ArrowLink-module__qz07da__link",
"explanation": "Fix all of the following:\n Element is in tab order and does not have accessible text\n\nFix any of the following:\n Element does not have text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute",
"boundingRect": {
"top": 8981,
"left": 143,
"right": 270,
"width": 127,
"bottom": 9006,
"height": 25
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT",
"RGAAv4",
"RGAA-6.2.1"
],
"type": "debugdata",
"impact": "serious"
}
}Avoid enormous network payloads
Total size was 4,659 KiB
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://www.raycast.com/_next/image?url=https%3A%2F%2Fmisc-assets.raycast.com%2Fextension-cards%2Ftimers-web.png&w=750&q=70",
"totalBytes": 263563
},
{
"url": "https://www.raycast.com/_next/static/immutable/chunks/3-8ctksf7d8s2.js",
"totalBytes": 256298
},
{
"url": "https://www.raycast.com/_next/static/immutable/chunks/0apoaygz7c5w1.js",
"totalBytes": 246457
},
{
"url": "https://www.raycast.com/_next/image?url=https%3A%2F%2Fmisc-assets.raycast.com%2Fextension-cards%2Fgoogle-chrome-web.png&w=750&q=70",
"totalBytes": 203913
},
{
"url": "https://www.raycast.com/_next/image?url=https%3A%2F%2Fmisc-assets.raycast.com%2Fextension-cards%2Fslack-web.png&w=750&q=70",
"totalBytes": 194551
},
{
"url": "https://www.raycast.com/_next/image?url=https%3A%2F%2Fmisc-assets.raycast.com%2Fextension-cards%2Farc-web.png&w=750&q=70",
"totalBytes": 175513
},
{
"url": "https://www.raycast.com/_next/image?url=https%3A%2F%2Fmisc-assets.raycast.com%2Fextension-cards%2Fjira-web.png&w=750&q=70",
"totalBytes": 169782
},
{
"url": "https://www.raycast.com/_next/image?url=https%3A%2F%2Fmisc-assets.raycast.com%2Fextension-cards%2Fobsidian-web.png&w=750&q=70",
"totalBytes": 162372
},
{
"url": "https://www.raycast.com/_next/image?url=https%3A%2F%2Fmisc-assets.raycast.com%2Fextension-cards%2Fpomodoro-web.png&w=750&q=70",
"totalBytes": 158977
},
{
"url": "https://www.raycast.com/_next/image?url=https%3A%2F%2Fmisc-assets.raycast.com%2Fextension-cards%2Fcleanshotx-web.png&w=750&q=70",
"totalBytes": 156847
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes"
}
],
"sortedBy": [
"totalBytes"
]
}测试环境与原始指标
{
"finalUrl": "https://www.raycast.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": 17502.20849999999
},
{
"id": "cumulative-layout-shift",
"unit": "unitless",
"value": 0
},
{
"id": "total-blocking-time",
"unit": "millisecond",
"value": 872.5
},
{
"id": "first-contentful-paint",
"unit": "millisecond",
"value": 3384.7980000000007
},
{
"id": "speed-index",
"unit": "millisecond",
"value": 7280.837998848829
}
]
}01 / 值得借鉴
好设计，具体好在哪
背景方向感与品牌一致
斜向光束呼应标志的倾斜线条，标题位于视觉中心，背景并非无关的通用渐变。
桌面下载交代平台条件
桌面 Download for Mac 下方可见系统与芯片条件，用户点击前能看到兼容性提示。
02 / 下一步
值得继续打磨的地方
- 01
补上手机访客的产品下一步
手机首屏可见 The Raycast Keyboard 入口，却没有桌面的下载入口；对想了解软件的人，下一步不够直接。
保留键盘入口为次级动作，增加适合手机的产品介绍或发送桌面下载链接入口；先核对实际支持平台，不承诺手机能运行桌面软件。
03 / 设计语言
把气质拆成可复用的参数
色彩
背景
#07080a文字
#ffffff字体与尺度
- 标题字体
- Inter
- 正文字体
- Inter
- 标题 / 正文
- 64px / 16px
间距与形状
- 区块间距
- —
- 组件内距
- —
- 卡片圆角
- —
- 按钮圆角
- 4px
参数来自页面元素采样，空值表示未取得；不将单个元素的参数当作全站规范。
04 / 检查依据
观察与实测依据
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
转化1 项观察
补上手机访客的产品下一步
中优先级手机首屏可见 The Raycast Keyboard 入口，却没有桌面的下载入口；对想了解软件的人，下一步不够直接。
保留键盘入口为次级动作，增加适合手机的产品介绍或发送桌面下载链接入口；先核对实际支持平台，不承诺手机能运行桌面软件。
mobile.png: The Raycast Keyboard is the visible hero action
链接分享预览
Raycast - Your shortcut to everything
A collection of powerful productivity tools all within an extendable launcher.
05 / 开始动手
把下一步，交给你的 AI
优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
查看完整指令
请基于 https://raycast.com 的 2026-09-05T02:31:36.000Z 页面快照优化当前项目。先确认当前实现与快照差异，不要把已变化的内容重新改回旧版。
设计基线
悬浮导航、居中标题、两行产品说明和平台下载区依次叠在红黑视觉上；手机使用同一视觉，但入口应适配设备。
{
"colors": [
{
"role": "bg",
"hex": "#07080a"
},
{
"role": "ink",
"hex": "#ffffff"
}
],
"fonts": {
"body": "Inter",
"display": "Inter",
"stack": [
"Inter",
"GeistMono"
]
},
"radius": {
"button": "4px",
"card": "",
"field": ""
},
"space": {
"section": "",
"card": ""
},
"type": {
"h1": "64px",
"body": "16px",
"weight": "600",
"lineHeight": "18.4px",
"letterSpacing": "normal"
}
}
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
执行事项
1. 补上手机访客的产品下一步
保留键盘入口为次级动作，增加适合手机的产品介绍或发送桌面下载链接入口；先核对实际支持平台，不承诺手机能运行桌面软件。
依据: mobile.png: The Raycast Keyboard is the visible hero action
验收
- 在 1440×900 和 390×844 分别核对文字、布局和主要操作“Download for Mac”。
- 保留已有品牌、登录和业务链路，不从静态截图推断交互故障。
- 只修复有证据的项；涉及安全响应头时先用报告模式验证现有资源及认证兼容性。
- 对比修改前后的截图，并执行相关功能测试。不要声称未经测试的功能已通过。