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.
Words
1448
Action candidates
6
Images
115
HTML
365 KB
Primary
Download for Mac
Next.js / React / Tailwind
Simulated mobile · Performance
2026-09-05 · Run warnings: results may be incomplete.
Simulated mobile · Lab data, not field data
2026-09-05T03:59:06.681Z · Lighthouse 13.4.1
This run has warnings; results may be incomplete: 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.
Results vary by server, network and environment, independently of taste/conversion scores. Diagnostics retain Lighthouse wording.
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.
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.
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
}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"
]
}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"
]
}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"
}
]
}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"
}
}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"
}
}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"
}
}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"
}
}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"
}
}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 / WHAT WORKS
Diagonal beams echo the angled logo strokes and converge behind the centered headline rather than acting as an unrelated gradient.
System and processor requirements appear below Download for Mac, making compatibility visible before clicking.
02 / NEXT STEPS
The mobile hero shows The Raycast Keyboard rather than the desktop download action, leaving software visitors without an equally direct next step.
Keep the keyboard as a secondary action and add a mobile-appropriate product overview or desktop-link handoff. Verify supported platforms instead of implying that desktop software runs on phones.
03 / DESIGN LANGUAGE
Background
#07080aText
#ffffffParameters are element samples. Empty values are unknown, and individual samples are not site-wide rules.
04 / EVIDENCE
Values come from one capture. Fonts, radii and spacing are element samples, not a universal site-wide specification. Empty values are unknown. HTML bytes are source size, not compressed transfer size; script counts are DOM tags, not network requests.
The mobile hero shows The Raycast Keyboard rather than the desktop download action, leaving software visitors without an equally direct next step.
Keep the keyboard as a secondary action and add a mobile-appropriate product overview or desktop-link handoff. Verify supported platforms instead of implying that desktop software runs on phones.
mobile.png: The Raycast Keyboard is the visible hero action

A collection of powerful productivity tools all within an extendable launcher.
05 / MAKE IT HAPPEN
Use the improvement prompt for this page, or the design prompt to borrow its visual language. “Recreate” includes references and implementation steps. Paste either into your coding assistant.
Improve the current project using the 2026-09-05T02:31:36.000Z snapshot of https://raycast.com. First identify changes since capture; do not revert newer behavior to the old snapshot.
Design baseline
Layer floating navigation, a centered headline, a concise product description and platform downloads over the red-black visual. Keep the visual language on mobile while adapting entry points to the device.
{
"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"
}
}
Values come from one capture. Fonts, radii and spacing are element samples, not a universal site-wide specification. Empty values are unknown. HTML bytes are source size, not compressed transfer size; script counts are DOM tags, not network requests.
Actions
1. Give mobile visitors a product next step
Keep the keyboard as a secondary action and add a mobile-appropriate product overview or desktop-link handoff. Verify supported platforms instead of implying that desktop software runs on phones.
Evidence: mobile.png: The Raycast Keyboard is the visible hero action
Acceptance
- Check text, layout and the main action “Download for Mac” at 1440×900 and 390×844.
- Preserve branding, authentication and business behavior. A screenshot does not prove broken interaction.
- Change only evidence-backed issues. Validate security headers against existing resources and authentication in report-only mode where supported.
- Compare before/after screenshots and run relevant functional tests. Do not claim untested behavior passed.