Max Potential First Input Delay
220 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.
Page structure & technical metrics
Words
74
Action candidates
2
Images
9
HTML
39 KB
Copy
Title chars
13
Meta chars
99
H1
3
H2
0
Action
Primary
Featured projects
Forms
0
On-site links
27
Off-site links
11
Security & metadata
HTTPS
yes
HSTS
yes
CSP
yes
nosniff
no
viewport
yes
Icon
yes
JSON-LD
no
Analytics
GA4
Page
Webflow
Scripts
9 ext / 10 inline
Alt
9 missing
Third-party hosts
4
Lighthouse
Simulated mobile · Performance
74 / 100
2026-09-05 · Run warnings: results may be incomplete.
View details
Simulated mobile · Lab data, not field data
2026-09-05T04:04:50.077Z · 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://ordinaryfolk.co/) was redirected to https://www.ordinaryfolk.co/. Try testing the second URL directly.
Performance74/ 100
Accessibility80/ 100
Best practices96/ 100
SEO100/ 100
LCP · Largest content3,297 ms
CLS · Layout shift0.151
TBT · Blocking time156 ms
FCP · First content3,297 ms
SI · Speed index5,836 ms
Results vary by server, network and environment, independently of taste/conversion scores. Diagnostics retain Lighthouse wording.
Browser errors were logged to the console
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnostic audit
Elements & resources
{
"type": "table",
"items": [
{
"source": "exception",
"description": "TypeError: Cannot read properties of null (reading 'addEventListener')\n at HTMLDocument.<anonymous> (https://www.ordinaryfolk.co/:507:8)",
"sourceLocation": {
"url": "https://www.ordinaryfolk.co/",
"line": 506,
"type": "source-location",
"column": 7,
"urlProvider": "network"
}
}
],
"headings": [
{
"key": "sourceLocation",
"label": "Source",
"valueType": "source-location"
},
{
"key": "description",
"label": "Description",
"valueType": "code"
}
]
}Time to Interactive
10.5 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 2,270 ms
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
Elements & resources
{
"type": "opportunity",
"items": [
{
"url": "https://ordinaryfolk.co/",
"wastedMs": 2274.0070000000005
},
{
"url": "https://www.ordinaryfolk.co/",
"wastedMs": 0
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "wastedMs",
"label": "Time Spent",
"valueType": "timespanMs"
}
],
"overallSavingsMs": 2274.0070000000005
}Minimize main-thread work
2.3 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
Elements & resources
{
"type": "table",
"items": [
{
"group": "other",
"duration": 900.4840000000186,
"groupLabel": "Other"
},
{
"group": "scriptEvaluation",
"duration": 822.392000000006,
"groupLabel": "Script Evaluation"
},
{
"group": "scriptParseCompile",
"duration": 279.45200000000006,
"groupLabel": "Script Parsing & Compilation"
},
{
"group": "styleLayout",
"duration": 149.37999999999997,
"groupLabel": "Style & Layout"
},
{
"group": "paintCompositeRender",
"duration": 105.56800000000132,
"groupLabel": "Rendering"
},
{
"group": "parseHTML",
"duration": 27.412,
"groupLabel": "Parse HTML & CSS"
},
{
"group": "garbageCollection",
"duration": 17.495999999999988,
"groupLabel": "Garbage Collection"
}
],
"headings": [
{
"key": "groupLabel",
"label": "Category",
"valueType": "text"
},
{
"key": "duration",
"label": "Time Spent",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"duration"
]
}Avoid large layout shifts
4 layout shifts found
These are the largest layout shifts observed on the page. Each table item represents a single layout shift, and shows the element that shifted the most. Below each item are possible root causes that led to the layout shift. Some of these layout shifts may not be included in the CLS metric value due to windowing. Learn how to improve CLS
Elements & resources
{
"type": "table",
"items": [
{
"node": {
"lhId": "page-2-DIV",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,0,DIV,1,DIV",
"type": "node",
"snippet": "<div class=\"column-work-grid w-clearfix w-col w-col-6\">",
"selector": "div.wrapper > div#featured > div.row-work-grid > div.column-work-grid",
"nodeLabel": "Ordinary Folk\n\nReel II",
"boundingRect": {
"top": 1097,
"left": 21,
"right": 391,
"width": 371,
"bottom": 1572,
"height": 474
}
},
"score": 0.07411472577530298,
"subItems": {
"type": "subitems",
"items": [
{
"cause": "Media element lacking an explicit size",
"extra": {
"lhId": "page-7-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,0,DIV,0,DIV,0,A,1,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://pub-56e21cb169af4746be142655f1882554.r2.dev/image/home/google-dood…\" loading=\"eager\" alt=\"\" class=\"card-thumb\" style=\"opacity: 1;\">",
"selector": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"nodeLabel": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"boundingRect": {
"top": 682,
"left": 19,
"right": 393,
"width": 375,
"bottom": 1056,
"height": 375
}
}
}
]
}
},
{
"node": {
"lhId": "page-3-DIV",
"path": "2,HTML,1,BODY,4,DIV",
"type": "node",
"snippet": "<div class=\"wrapper\">",
"selector": "body > div.wrapper",
"nodeLabel": "Hi. We are Ordinary Folk. We love good work.\n\nFeatured\nprojects\n\nOur motion des…",
"boundingRect": {
"top": 96,
"left": 21,
"right": 391,
"width": 371,
"bottom": 5328,
"height": 5233
}
},
"score": 0.05382360900262047,
"subItems": {
"type": "subitems",
"items": [
{
"cause": "Media element lacking an explicit size",
"extra": {
"lhId": "page-7-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,0,DIV,0,DIV,0,A,1,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://pub-56e21cb169af4746be142655f1882554.r2.dev/image/home/google-dood…\" loading=\"eager\" alt=\"\" class=\"card-thumb\" style=\"opacity: 1;\">",
"selector": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"nodeLabel": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"boundingRect": {
"top": 682,
"left": 19,
"right": 393,
"width": 375,
"bottom": 1056,
"height": 375
}
}
}
]
}
},
{
"node": {
"lhId": "page-1-DIV",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,1,DIV,0,DIV",
"type": "node",
"snippet": "<div class=\"column-work-grid w-col w-col-6\">",
"selector": "div.wrapper > div#featured > div.row-work-grid > div.column-work-grid",
"nodeLabel": "Equilibrium",
"boundingRect": {
"top": 1572,
"left": 21,
"right": 391,
"width": 371,
"bottom": 2042,
"height": 470
}
},
"score": 0.02203584620315518,
"subItems": {
"type": "subitems",
"items": [
{
"cause": "Media element lacking an explicit size",
"extra": {
"lhId": "page-5-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,0,DIV,1,DIV,0,A,1,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://ordinaryfolk-assets.pages.dev/img/home/OF_Reel-0-00-02-15.webp\" loading=\"eager\" alt=\"\" class=\"card-thumb\" style=\"opacity: 1;\">",
"selector": "a.card-work > div.card-loop > div.card-thumb-transparent > img.card-thumb",
"nodeLabel": "a.card-work > div.card-loop > div.card-thumb-transparent > img.card-thumb",
"boundingRect": {
"top": 1160,
"left": 21,
"right": 391,
"width": 371,
"bottom": 1530,
"height": 371
}
}
}
]
}
},
{
"node": {
"lhId": "page-0-H1",
"path": "2,HTML,1,BODY,4,DIV,0,DIV,0,DIV,0,H1",
"type": "node",
"snippet": "<h1 class=\"home-header-title home\">",
"selector": "div.wrapper > div.header-primary > div.home-header > h1.home-header-title",
"nodeLabel": "Hi. We are Ordinary Folk. We love good work.",
"boundingRect": {
"top": 159,
"left": 21,
"right": 348,
"width": 327,
"bottom": 372,
"height": 213
}
},
"score": 0.0008591714625725689,
"subItems": {
"type": "subitems",
"items": [
{
"cause": "Media element lacking an explicit size",
"extra": {
"lhId": "page-6-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,1,DIV,1,DIV,0,A,0,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://ordinaryfolk-assets.pages.dev/img/home/Creation_Cover_01.webp\" loading=\"eager\" alt=\"\" class=\"card-thumb\" style=\"opacity: 1;\">",
"selector": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"nodeLabel": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"boundingRect": {
"top": 2109,
"left": 21,
"right": 391,
"width": 371,
"bottom": 2480,
"height": 371
}
}
}
]
}
}
],
"headings": [
{
"key": "node",
"label": "Element",
"valueType": "node",
"subItemsHeading": {
"key": "extra"
}
},
{
"key": "score",
"label": "Layout shift score",
"valueType": "numeric",
"granularity": 0.001,
"subItemsHeading": {
"key": "cause",
"valueType": "text"
}
}
]
}Image elements do not have explicit `width` and `height`
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
Elements & resources
{
"type": "table",
"items": [
{
"url": "https://pub-56e21cb169af4746be142655f1882554.r2.dev/image/home/google-doodle-salsa.jpg",
"node": {
"lhId": "1-46-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,0,DIV,0,DIV,0,A,1,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://pub-56e21cb169af4746be142655f1882554.r2.dev/image/home/google-dood…\" loading=\"eager\" alt=\"\" class=\"card-thumb\" style=\"opacity: 1;\">",
"selector": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"nodeLabel": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"boundingRect": {
"top": 682,
"left": 19,
"right": 393,
"width": 375,
"bottom": 1056,
"height": 375
}
}
},
{
"url": "https://ordinaryfolk-assets.pages.dev/img/home/Webflow-2.webp",
"node": {
"lhId": "1-51-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,2,DIV,1,DIV,0,A,0,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://ordinaryfolk-assets.pages.dev/img/home/Webflow-2.webp\" loading=\"eager\" alt=\"\" class=\"card-thumb\" style=\"opacity: 1;\">",
"selector": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"nodeLabel": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"boundingRect": {
"top": 3020,
"left": 21,
"right": 391,
"width": 371,
"bottom": 3391,
"height": 371
}
}
},
{
"url": "https://ordinaryfolk-assets.pages.dev/img/home/OF_Reel-0-00-02-15.webp",
"node": {
"lhId": "1-47-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,0,DIV,1,DIV,0,A,1,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://ordinaryfolk-assets.pages.dev/img/home/OF_Reel-0-00-02-15.webp\" loading=\"eager\" alt=\"\" class=\"card-thumb\" style=\"opacity: 1;\">",
"selector": "a.card-work > div.card-loop > div.card-thumb-transparent > img.card-thumb",
"nodeLabel": "a.card-work > div.card-loop > div.card-thumb-transparent > img.card-thumb",
"boundingRect": {
"top": 1160,
"left": 21,
"right": 391,
"width": 371,
"bottom": 1530,
"height": 371
}
}
},
{
"url": "https://ordinaryfolk-assets.pages.dev/img/home/Creation_Cover_01.webp",
"node": {
"lhId": "1-49-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,1,DIV,1,DIV,0,A,0,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://ordinaryfolk-assets.pages.dev/img/home/Creation_Cover_01.webp\" loading=\"eager\" alt=\"\" class=\"card-thumb\" style=\"opacity: 1;\">",
"selector": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"nodeLabel": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"boundingRect": {
"top": 2109,
"left": 21,
"right": 391,
"width": 371,
"bottom": 2480,
"height": 371
}
}
},
{
"url": "https://ordinaryfolk-assets.pages.dev/img/home/Cover_Dreams_V01.webp",
"node": {
"lhId": "1-50-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,2,DIV,0,DIV,0,A,1,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://ordinaryfolk-assets.pages.dev/img/home/Cover_Dreams_V01.webp\" loading=\"eager\" alt=\"\" class=\"card-thumb\" style=\"opacity: 1;\">",
"selector": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"nodeLabel": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"boundingRect": {
"top": 2546,
"left": 21,
"right": 391,
"width": 371,
"bottom": 2917,
"height": 371
}
}
},
{
"url": "https://ordinaryfolk-assets.pages.dev/img/home/CryptoCubes_Cover.webp",
"node": {
"lhId": "1-53-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,3,DIV,1,DIV,0,A,0,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://ordinaryfolk-assets.pages.dev/img/home/CryptoCubes_Cover.webp\" loading=\"eager\" alt=\"\" class=\"card-thumb\" style=\"opacity: 1;\">",
"selector": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"nodeLabel": "a.card-work > div.card-loop > div.card-thumb > img.card-thumb",
"boundingRect": {
"top": 3881,
"left": 21,
"right": 391,
"width": 371,
"bottom": 4251,
"height": 371
}
}
},
{
"url": "https://cdn.prod.website-files.com/63c8ac820bec5c25b5b58292/68658e152ce1301146d52588_equi-p-800.jpg",
"node": {
"lhId": "1-48-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,1,DIV,0,DIV,0,A,1,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://cdn.prod.website-files.com/63c8ac820bec5c25b5b58292/68658e152ce130…\" loading=\"lazy\" sizes=\"(max-width: 479px) 96vw, (max-width: 767px) 97vw, (max-width: 2250px) 48vw…\" srcset=\"https://cdn.prod.website-files.com/63c8ac820bec5c25b5b58292/68658e152ce130…\" alt=\"\" class=\"card-thumb\">",
"selector": "div.column-work-grid > a.card-work > div.card-loop > img.card-thumb",
"nodeLabel": "div.column-work-grid > a.card-work > div.card-loop > img.card-thumb",
"boundingRect": {
"top": 1630,
"left": 21,
"right": 391,
"width": 371,
"bottom": 2001,
"height": 371
}
}
},
{
"url": "https://cdn.prod.website-files.com/63c8ac820bec5c25b5b58292/68658fc49e98b7ddd398ab42_Google%20Gemini%20Large-p-800.jpeg",
"node": {
"lhId": "1-52-IMG",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,3,DIV,0,DIV,0,A,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://cdn.prod.website-files.com/63c8ac820bec5c25b5b58292/68658fc49e98b7…\" loading=\"lazy\" sizes=\"(max-width: 479px) 96vw, (max-width: 767px) 97vw, (max-width: 2666px) 48vw…\" srcset=\"https://cdn.prod.website-files.com/63c8ac820bec5c25b5b58292/68658fc49e98b7…\" alt=\"\" class=\"card-thumb\">",
"selector": "div.column-work-grid > a.card-work > div.card-loop > img.card-thumb",
"nodeLabel": "div.column-work-grid > a.card-work > div.card-loop > img.card-thumb",
"boundingRect": {
"top": 3469,
"left": 21,
"right": 391,
"width": 371,
"bottom": 3840,
"height": 371
}
}
},
{
"url": "https://cdn.prod.website-files.com/63c8ac820bec5c25b5b58292/63c8bfe834ed267fd21b2e47_icon-play.svg",
"node": {
"lhId": "1-45-IMG",
"path": "2,HTML,1,BODY,4,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,A,0,IMG",
"type": "node",
"snippet": "<img src=\"https://cdn.prod.website-files.com/63c8ac820bec5c25b5b58292/63c8bfe834ed26…\" loading=\"lazy\" alt=\"\" class=\"icon-play\">",
"selector": "div.play-me > div.play-magnetic > a.play-container > img.icon-play",
"nodeLabel": "div.play-me > div.play-magnetic > a.play-container > img.icon-play",
"boundingRect": {
"top": 342,
"left": 199,
"right": 217,
"width": 18,
"bottom": 364,
"height": 22
}
}
}
],
"headings": [
{
"key": "node",
"label": "",
"valueType": "node"
},
{
"key": "url",
"label": "URL",
"valueType": "url"
}
]
}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.
Elements & resources
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-0-P",
"path": "2,HTML,1,BODY,4,DIV,2,DIV,0,DIV,0,DIV,0,A,0,DIV,0,P",
"type": "node",
"snippet": "<p class=\"card-client\">",
"selector": "div.column-work-grid > a.card-work > div.card-lockup > p.card-client",
"nodeLabel": "Google Doodle",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.4 (foreground color: #a2a2a2, background color: #f8f8f8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 631,
"left": 21,
"right": 391,
"width": 371,
"bottom": 646,
"height": 15
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "2,HTML,1,BODY",
"type": "node",
"snippet": "<body class=\"\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5328,
"height": 5328
}
}
}
]
}
},
{
"node": {
"lhId": "1-2-A",
"path": "2,HTML,1,BODY,4,DIV,4,FOOTER,0,DIV,1,DIV,0,DIV,2,P,0,A",
"type": "node",
"snippet": "<a href=\"https://goo.gl/maps/mgm25X3YKTd7agq47\" target=\"_blank\" class=\"inline-link-gray\">",
"selector": "div.grid-column > div.link-primary > p.body-secondary > a.inline-link-gray",
"nodeLabel": "3488 Commercial St.\nVancouver, BC\nV5N 4E9 Canada",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.4 (foreground color: #a2a2a2, background color: #f8f8f8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4794,
"left": 21,
"right": 172,
"width": 151,
"bottom": 4862,
"height": 68
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "2,HTML,1,BODY",
"type": "node",
"snippet": "<body class=\"\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5328,
"height": 5328
}
}
}
]
}
},
{
"node": {
"lhId": "1-3-P",
"path": "2,HTML,1,BODY,4,DIV,4,FOOTER,0,DIV,2,DIV,0,DIV,2,P",
"type": "node",
"snippet": "<p class=\"body-secondary\">",
"selector": "div.grid > div.grid-column > div.link-primary > p.body-secondary",
"nodeLabel": "Website design by\nStudio Ahremark\nBuilt by Herman\n",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.4 (foreground color: #a2a2a2, background color: #f8f8f8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4996,
"left": 21,
"right": 391,
"width": 371,
"bottom": 5068,
"height": 72
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "2,HTML,1,BODY",
"type": "node",
"snippet": "<body class=\"\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5328,
"height": 5328
}
}
}
]
}
},
{
"node": {
"lhId": "1-4-A",
"path": "2,HTML,1,BODY,4,DIV,4,FOOTER,0,DIV,2,DIV,0,DIV,2,P,2,A",
"type": "node",
"snippet": "<a href=\"https://www.studioahremark.com/\" target=\"_blank\" class=\"inline-link-gray\">",
"selector": "div.grid-column > div.link-primary > p.body-secondary > a.inline-link-gray",
"nodeLabel": "Studio Ahremark",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.4 (foreground color: #a2a2a2, background color: #f8f8f8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5022,
"left": 21,
"right": 142,
"width": 122,
"bottom": 5042,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "2,HTML,1,BODY",
"type": "node",
"snippet": "<body class=\"\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5328,
"height": 5328
}
}
}
]
}
},
{
"node": {
"lhId": "1-5-A",
"path": "2,HTML,1,BODY,4,DIV,4,FOOTER,0,DIV,2,DIV,0,DIV,2,P,5,A",
"type": "node",
"snippet": "<a href=\"https://www.herman.studio/\" target=\"_blank\" class=\"inline-link-gray\">",
"selector": "div.grid-column > div.link-primary > p.body-secondary > a.inline-link-gray",
"nodeLabel": "Herman",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.4 (foreground color: #a2a2a2, background color: #f8f8f8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5046,
"left": 78,
"right": 136,
"width": 57,
"bottom": 5066,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "2,HTML,1,BODY",
"type": "node",
"snippet": "<body class=\"\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5328,
"height": 5328
}
}
}
]
}
}
],
"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"
}
}`<html>` element does not have a `[lang]` attribute
If a page doesn't specify a `lang` attribute, a screen reader assumes that the page is in the default language that the user chose when setting up the screen reader. If the page isn't actually in the default language, then the screen reader might not announce the page's text correctly. Learn more about the `lang` attribute.
Elements & resources
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-6-HTML",
"path": "2,HTML",
"type": "node",
"snippet": "<html data-wf-domain=\"www.ordinaryfolk.co\" data-wf-page=\"63c8ac820bec5c66c8b58293\" data-wf-site=\"63c8ac820bec5c25b5b58292\" class=\" w-mod-js w-mod-touch w-mod-ix\">",
"selector": "html.w-mod-js",
"nodeLabel": "html.w-mod-js",
"explanation": "Fix any of the following:\n The <html> element does not have a lang attribute",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 823,
"height": 823
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT",
"RGAAv4",
"RGAA-8.3.1"
],
"type": "debugdata",
"impact": "serious"
}
}Document does not have a main landmark.
One main landmark helps screen reader users navigate a web page. Learn more about landmarks.
Elements & resources
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-6-HTML",
"path": "2,HTML",
"type": "node",
"snippet": "<html data-wf-domain=\"www.ordinaryfolk.co\" data-wf-page=\"63c8ac820bec5c66c8b58293\" data-wf-site=\"63c8ac820bec5c25b5b58292\" class=\" w-mod-js w-mod-touch w-mod-ix\">",
"selector": "html.w-mod-js",
"nodeLabel": "html.w-mod-js",
"explanation": "Fix all of the following:\n Document does not have a main landmark",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 823,
"height": 823
}
}
}
],
"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.
Elements & resources
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-7-A",
"path": "2,HTML,1,BODY,3,NAV,0,DIV,0,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a data-w-id=\"cae0da5e-9f45-cad4-8fa4-4210e93005a4\" href=\"/\" aria-current=\"page\" class=\"logo-container w-inline-block w--current\">",
"selector": "div.wrapper > div.grid > div.grid-column > a.logo-container",
"nodeLabel": "div.wrapper > div.grid > div.grid-column > a.logo-container",
"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": 20,
"left": 21,
"right": 146,
"width": 125,
"bottom": 83,
"height": 63
}
}
}
],
"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 35,103 KiB
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Elements & resources
{
"type": "table",
"items": [
{
"url": "https://ordinaryfolk-assets.pages.dev/video/home/OF_Reel2_clean.webm",
"totalBytes": 11057847
},
{
"url": "https://pub-56e21cb169af4746be142655f1882554.r2.dev/video/home/cryptocubes.webm",
"totalBytes": 5374227
},
{
"url": "https://pub-56e21cb169af4746be142655f1882554.r2.dev/video/home/ordinary-folk-reel-ii.webm",
"totalBytes": 3359073
},
{
"url": "https://pub-56e21cb169af4746be142655f1882554.r2.dev/video/home/procreate-dreams.webm",
"totalBytes": 2903714
},
{
"url": "https://pub-56e21cb169af4746be142655f1882554.r2.dev/video/home/ordinary-folk-reel-ii.webm",
"totalBytes": 2736475
},
{
"url": "https://pub-56e21cb169af4746be142655f1882554.r2.dev/video/home/creation.webm",
"totalBytes": 1589592
},
{
"url": "https://pub-56e21cb169af4746be142655f1882554.r2.dev/video/home/equilibrium.webm",
"totalBytes": 1436765
},
{
"url": "https://pub-56e21cb169af4746be142655f1882554.r2.dev/video/home/gemini.webm",
"totalBytes": 1225847
},
{
"url": "https://pub-56e21cb169af4746be142655f1882554.r2.dev/video/home/google-doodle-salsa.webm",
"totalBytes": 1081693
},
{
"url": "https://pub-56e21cb169af4746be142655f1882554.r2.dev/video/home/ordinary-folk-reel-ii.webm",
"totalBytes": 1069019
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes"
}
],
"sortedBy": [
"totalBytes"
]
}Environment & raw metrics
{
"finalUrl": "https://www.ordinaryfolk.co/",
"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": 3297.268000000001
},
{
"id": "cumulative-layout-shift",
"unit": "unitless",
"value": 0.1508333524436512
},
{
"id": "total-blocking-time",
"unit": "millisecond",
"value": 155.9999999999991
},
{
"id": "first-contentful-paint",
"unit": "millisecond",
"value": 3297.268000000001
},
{
"id": "speed-index",
"unit": "millisecond",
"value": 5836.41118857913
}
]
}01 / WHAT WORKS
What makes it work
Typography is the hero
The greeting occupies the main space without needing a decorative background.
Work and process have separate routes
Featured projects and the process route serve visitors who want results and those exploring collaboration.
02 / NEXT STEPS
Where to go next
- 01
Explain what the play action opens
The circular play symbol sits at the sentence end without visible text describing its destination.
Add a short label explaining the film and an accessible button name; ensure the opened player can be paused and closed.
03 / DESIGN LANGUAGE
A design system you can reuse
Colors
Background
#f8f8f8Text
#161616Typography
- Display font
- Circular
- Body font
- Helvetica
- Heading / body
- 114px / 14px
Spacing & shape
- Section gap
- —
- Component inset
- —
- Card radius
- —
- Button radius
- —
Parameters are element samples. Empty values are unknown, and individual samples are not site-wide rules.
04 / EVIDENCE
The detail behind the report
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.
Conversion1 observations
Explain what the play action opens
The circular play symbol sits at the sentence end without visible text describing its destination.
Add a short label explaining the film and an accessible button name; ensure the opened player can be paused and closed.
desktop.png and mobile.png: unlabeled inline play icon
Launch2 observations
No X-Content-Type-Options
Without nosniff, browsers may interpret a file as a different type than you sent. It is a one-line header.
Set X-Content-Type-Options: nosniff.
x-content-type-options missing
No Referrer-Policy
The default referrer can leak internal paths and query strings to third parties.
Set Referrer-Policy: strict-origin-when-cross-origin.
referrer-policy missing
Link preview
Ordinary Folk
Hi. We are Ordinary Folk. A motion design & animation studio based in Vancouver. We love good work.
05 / MAKE IT HAPPEN
Give your AI a clear next step
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.
Preview full instructions
Improve the current project using the 2026-09-05T03:21:02.201Z snapshot of https://ordinaryfolk.co. First identify changes since capture; do not revert newer behavior to the old snapshot.
Design baseline
Small grouped links cover Work, Process, Play and About. A large greeting leads, with a play button at the sentence end, followed by featured-work and process routes and the project list. Mobile retains oversized type with shorter lines. Adapt the text-led composition and clearly grouped paths to the work.
{
"colors": [
{
"role": "bg",
"hex": "#f8f8f8"
},
{
"role": "ink",
"hex": "#161616"
}
],
"fonts": {
"body": "Helvetica",
"display": "Circular",
"stack": [
"Arial",
"Circular"
]
},
"radius": {
"button": "",
"card": "",
"field": ""
},
"space": {
"section": "",
"card": ""
},
"type": {
"h1": "114px",
"body": "14px",
"weight": "500",
"lineHeight": "20px",
"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. Explain what the play action opens
Add a short label explaining the film and an accessible button name; ensure the opened player can be paused and closed.
Evidence: desktop.png and mobile.png: unlabeled inline play icon
2. No X-Content-Type-Options
Set X-Content-Type-Options: nosniff.
Evidence: x-content-type-options missing
3. No Referrer-Policy
Set Referrer-Policy: strict-origin-when-cross-origin.
Evidence: referrer-policy missing
Acceptance
- Check text, layout and the main action “Featured projects” 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.