VibeCheck
https://cosmos.so

Page structure & technical metrics

Words

150

Action candidates

49

Images

59

HTML

512 KB

Copy

Title chars
27
Meta chars
0none
H1
0
H2
2

Action

Primary

Sign up

Forms
0/ 2 fields
On-site links
56
Off-site links
9

Security & metadata

HTTPS
yes
HSTS
no
CSP
no
nosniff
no
viewport
yes
Icon
yes
JSON-LD
yes
Analytics
Mixpanel

Page

Next.js / Tailwind

Scripts
92 ext / 27 inline
Lang
en
Third-party hosts
no

Lighthouse

Simulated mobile · Performance

28 / 100

2026-09-05 · Run warnings: results may be incomplete.

View details

Simulated mobile · Lab data, not field data
2026-09-05T04:01:24.272Z · 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://cosmos.so/) was redirected to https://www.cosmos.so/. Try testing the second URL directly.

Performance28/ 100
Accessibility88/ 100
Best practices96/ 100
SEO100/ 100
LCP · Largest content14,529 ms
CLS · Layout shift0.224
TBT · Blocking time1,422 ms
FCP · First content2,694 ms
SI · Speed index6,722 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": "network",
      "description": "Failed to load resource: net::ERR_CONNECTION_CLOSED",
      "sourceLocation": {
        "url": "https://manifest-oci-us-ashburn-1-vop1.fastly.mux.com/RHoc01groUiCcKFU01utED00gPFd9PsnM73n02Dvyi8g1e1fXgs7TlvtbJdMwpdxRQKFhYWB9LjMSUtr02pwF9w734dl8rwj3k1iI/rendition.m3u8?cdn=fastly&expires=1789185600&skid=default&signature=NmFhNGNlOTZfMTgyOTI2MGFkZDc5ZjUwYjlhNDVhMTE5NTBjOWExODhiNDZiY2FiYzEzYmZlN2VhZTNlMmRiZjE0ZWYwYTBhYg==",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: net::ERR_CONNECTION_CLOSED",
      "sourceLocation": {
        "url": "https://manifest-oci-us-ashburn-1-vop1.fastly.mux.com/EQbOGz8Ip554A01geZGoCuuOEE8WFrU01d1ZzhsgZ0129QXdombsM019Cy01RWkwb9RejG6apvKsmgi00QMu5z9c8ha01tE1Ih6EsaUMAqTidxN9JE/rendition.m3u8?cdn=fastly&expires=1789185600&skid=default&signature=NmFhNGNlOTZfZmQ5M2EzY2EwNzkwNjEyMDAzZTcxNzllMDlkZTgzMjBmNDhmZWJkN2RjNjZhOTI3MTI5Y2QyYTIxNjUzNTIzMg==",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: net::ERR_CONNECTION_CLOSED",
      "sourceLocation": {
        "url": "https://manifest-oci-us-ashburn-1-vop1.fastly.mux.com/7TR3i4QZhQHPhdDS2LBxItbGPJ5ZNlin01NMuyl1wKn8G5JvUOfnvUkiopCtgV1m5yUyaDvm8OABruh7Q02l3KeGOz012mAXWFD/rendition.m3u8?cdn=fastly&expires=1789185600&skid=default&signature=NmFhNGNlOTZfNzdlZDBmMmE1NmM5YjA4N2MxZjA3NWUyMWMxYmQwMDAwZDlmMmJiYTRiNTBiMjg0NzQ2YzlkZTVjMWEzZTQxYw==",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: net::ERR_CONNECTION_CLOSED",
      "sourceLocation": {
        "url": "https://manifest-oci-us-ashburn-1-vop1.fastly.mux.com/7TR3i4QZhQHPhdDS2LBxItbGPJ5ZNlin01NMuyl1wKn8G5JvUOfnvUkiopCtgV1m5yUyaDvm8OABruh7Q02l3KeGOz012mAXWFD/rendition.m3u8?cdn=fastly&expires=1789185600&skid=default&signature=NmFhNGNlOTZfNzdlZDBmMmE1NmM5YjA4N2MxZjA3NWUyMWMxYmQwMDAwZDlmMmJiYTRiNTBiMjg0NzQ2YzlkZTVjMWEzZTQxYw==",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: net::ERR_CONNECTION_CLOSED",
      "sourceLocation": {
        "url": "https://manifest-oci-us-ashburn-1-vop1.fastly.mux.com/7TR3i4QZhQHPhdDS2LBxItbGPJ5ZNlin01NMuyl1wKn8G5JvUOfnvUkiopCtgV1m5yUyaDvm8OABruh7Q02l3KeGOz012mAXWFD/rendition.m3u8?cdn=fastly&expires=1789185600&skid=default&signature=NmFhNGNlOTZfNzdlZDBmMmE1NmM5YjA4N2MxZjA3NWUyMWMxYmQwMDAwZDlmMmJiYTRiNTBiMjg0NzQ2YzlkZTVjMWEzZTQxYw==",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: the server responded with a status of 429 ()",
      "sourceLocation": {
        "url": "https://o4504254864031744.ingest.us.sentry.io/api/5893061/envelope/?sentry_version=7&sentry_key=7d5fb0d736d94771a4f3e9aeb0b91e47&sentry_client=sentry.javascript.nextjs%2F10.38.0",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    }
  ],
  "headings": [
    {
      "key": "sourceLocation",
      "label": "Source",
      "valueType": "source-location"
    },
    {
      "key": "description",
      "label": "Description",
      "valueType": "code"
    }
  ]
}

Reduce initial server response time

Root document took 630 ms

Keep the server response time for the main document short because all other requests depend on it. Learn more about the Time to First Byte metric.

Elements & resources
{
  "type": "opportunity",
  "items": [
    {
      "url": "https://www.cosmos.so/",
      "responseTime": 633
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "responseTime",
      "label": "Time Spent",
      "valueType": "timespanMs"
    }
  ],
  "overallSavingsMs": 533
}

Avoid multiple page redirects

Est savings of 1,020 ms

Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.

Elements & resources
{
  "type": "opportunity",
  "items": [
    {
      "url": "https://cosmos.so/",
      "wastedMs": 1022.4290000000001
    },
    {
      "url": "https://www.cosmos.so/",
      "wastedMs": 0
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "wastedMs",
      "label": "Time Spent",
      "valueType": "timespanMs"
    }
  ],
  "overallSavingsMs": 1022.4290000000001
}

Minimize main-thread work

6.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": "scriptEvaluation",
      "duration": 3988.691999997715,
      "groupLabel": "Script Evaluation"
    },
    {
      "group": "other",
      "duration": 1422.1680000003043,
      "groupLabel": "Other"
    },
    {
      "group": "scriptParseCompile",
      "duration": 457.10000000000036,
      "groupLabel": "Script Parsing & Compilation"
    },
    {
      "group": "styleLayout",
      "duration": 194.07999999999973,
      "groupLabel": "Style & Layout"
    },
    {
      "group": "paintCompositeRender",
      "duration": 155.22399999999928,
      "groupLabel": "Rendering"
    },
    {
      "group": "garbageCollection",
      "duration": 26.951999999999995,
      "groupLabel": "Garbage Collection"
    },
    {
      "group": "parseHTML",
      "duration": 23.432,
      "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

4.0 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.

Elements & resources
{
  "type": "table",
  "items": [
    {
      "url": "https://www.cosmos.so/_next/static/chunks/3ru3ufo9n_orw.js",
      "total": 4185.507999998268,
      "scripting": 3020.4959999979424,
      "scriptParseCompile": 21.747999999999998
    },
    {
      "url": "https://www.cosmos.so/_next/static/chunks/0ntvqecpmq6j8.js",
      "total": 911.2600000000098,
      "scripting": 817.1320000000097,
      "scriptParseCompile": 11.687999999999999
    },
    {
      "url": "Unattributable",
      "total": 368.14000000000203,
      "scripting": 15.087999999999983,
      "scriptParseCompile": 0
    },
    {
      "url": "https://www.cosmos.so/",
      "total": 240.39199999999997,
      "scripting": 18.388000000000062,
      "scriptParseCompile": 16.279999999999998
    },
    {
      "url": "https://www.cosmos.so/_next/static/chunks/0fbsr4a2czm6b.js",
      "total": 78.40399999999994,
      "scripting": 54.21599999999995,
      "scriptParseCompile": 23.067999999999998
    }
  ],
  "summary": {
    "wastedMs": 3998.1039999979525
  },
  "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"
  ]
}

Avoid large layout shifts

2 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-1-BODY",
        "path": "1,HTML,1,BODY",
        "type": "node",
        "snippet": "<body class=\"min-h-dvh overscroll-contain bg-primary font-cosmos-oracle text-primary an…\">",
        "selector": "body.min-h-dvh",
        "nodeLabel": "body.min-h-dvh",
        "boundingRect": {
          "top": 0,
          "left": 0,
          "right": 412,
          "width": 412,
          "bottom": 5939,
          "height": 5939
        }
      },
      "score": 0.1117861482381531
    },
    {
      "score": 0.1117861482381531
    }
  ],
  "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"
      }
    }
  ]
}

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.

Elements & resources
{
  "type": "table",
  "items": [
    {
      "node": {
        "lhId": "1-0-BUTTON",
        "path": "1,HTML,1,BODY,13,DIV,1,DIV,1,DIV,1,BUTTON",
        "type": "node",
        "snippet": "<button type=\"button\" class=\"group/film relative w-full cursor-pointer overflow-hidden rounded-xl shado…\" style=\"aspect-ratio: 1.33333 / 1;\">",
        "selector": "div > div.relative > div.relative > button.group/film",
        "nodeLabel": "div > div.relative > div.relative > button.group/film",
        "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": 801,
          "left": 16,
          "right": 396,
          "width": 380,
          "bottom": 1086,
          "height": 285
        }
      }
    }
  ],
  "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"
  }
}

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-1-HTML",
        "path": "1,HTML",
        "type": "node",
        "snippet": "<html lang=\"en\" data-theme=\"light\" style=\"color-scheme: light;\">",
        "selector": "html",
        "nodeLabel": "html",
        "explanation": "Fix all of the following:\n  Document does not have a main landmark",
        "boundingRect": {
          "top": 0,
          "left": 0,
          "right": 412,
          "width": 412,
          "bottom": 5939,
          "height": 5939
        }
      }
    }
  ],
  "headings": [
    {
      "key": "node",
      "label": "Failing Elements",
      "valueType": "node",
      "subItemsHeading": {
        "key": "relatedNode",
        "valueType": "node"
      }
    }
  ],
  "debugData": {
    "tags": [
      "cat.semantics",
      "best-practice"
    ],
    "type": "debugdata",
    "impact": "moderate"
  }
}

`[user-scalable="no"]` is used in the `<meta name="viewport">` element or the `[maximum-scale]` attribute is less than 5.

Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. Learn more about the viewport meta tag.

Elements & resources
{
  "type": "table",
  "items": [
    {
      "node": {
        "lhId": "1-2-META",
        "path": "1,HTML,0,HEAD,1,META",
        "type": "node",
        "snippet": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover\">",
        "selector": "head > meta",
        "nodeLabel": "head > meta",
        "explanation": "Fix any of the following:\n  maximum-scale on <meta> tag disables zooming on mobile devices",
        "boundingRect": {
          "top": 0,
          "left": 0,
          "right": 0,
          "width": 0,
          "bottom": 0,
          "height": 0
        }
      }
    }
  ],
  "headings": [
    {
      "key": "node",
      "label": "Failing Elements",
      "valueType": "node",
      "subItemsHeading": {
        "key": "relatedNode",
        "valueType": "node"
      }
    }
  ],
  "debugData": {
    "tags": [
      "cat.sensory-and-visual-cues",
      "wcag2aa",
      "wcag144",
      "EN-301-549",
      "EN-9.1.4.4",
      "ACT",
      "RGAAv4",
      "RGAA-10.4.2"
    ],
    "type": "debugdata",
    "impact": "moderate"
  }
}

Avoid enormous network payloads

Total size was 19,072 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://www.cosmos.so/vortex/spiral-38.png",
      "totalBytes": 1280644
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-46.png",
      "totalBytes": 1028489
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-47.png",
      "totalBytes": 972861
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-06.png",
      "totalBytes": 559939
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-15.jpg",
      "totalBytes": 552163
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-40.jpg",
      "totalBytes": 484463
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-28.jpg",
      "totalBytes": 475862
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-20.jpg",
      "totalBytes": 474242
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-16.jpg",
      "totalBytes": 431309
    },
    {
      "url": "https://www.cosmos.so/vortex/spiral-04.jpg",
      "totalBytes": 423137
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "totalBytes",
      "label": "Transfer Size",
      "valueType": "bytes"
    }
  ],
  "sortedBy": [
    "totalBytes"
  ]
}
Environment & raw metrics
{
  "finalUrl": "https://www.cosmos.so/",
  "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": 14528.572000000007
    },
    {
      "id": "cumulative-layout-shift",
      "unit": "unitless",
      "value": 0.2235722964763062
    },
    {
      "id": "total-blocking-time",
      "unit": "millisecond",
      "value": 1422.0000000000018
    },
    {
      "id": "first-contentful-paint",
      "unit": "millisecond",
      "value": 2694.4230000000002
    },
    {
      "id": "speed-index",
      "unit": "millisecond",
      "value": 6721.872445860779
    }
  ]
}

01 / WHAT WORKS

What makes it work

Collections give images context

Collection cards such as Rooms Lit Only by Lamps combine a collage, author and count to establish context.

Chrome stays subordinate to imagery

White space, subtle separators and small category labels accommodate photography and graphic work in one view.

02 / NEXT STEPS

Where to go next

  1. 01

    Make horizontal categories discoverable

    Only the first categories are visible on mobile; others require horizontal scrolling.

    Add a subtle scroll cue or an all-categories entry, keep the selected category visible and verify keyboard access to every category.

03 / DESIGN LANGUAGE

A design system you can reuse

Colors

Background

#ffffff

Text

#0d0d0d

Accent

#0d0d0d

Typography

Display font
cosmosOracle
Body font
cosmosOracle
Heading / body
20px / 16px

Spacing & shape

Section gap
0px
Component inset
—
Card radius
—
Button radius
3.35544e+07px

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

Make horizontal categories discoverable

Only the first categories are visible on mobile; others require horizontal scrolling.

Add a subtle scroll cue or an all-categories entry, keep the selected category visible and verify keyboard access to every category.

mobile.png: category rail clipped at right
Launch4 observations

No HSTS header

Medium

Without Strict-Transport-Security, a first visit can still be downgraded to http. Browsers will not pin HTTPS.

Set Strict-Transport-Security: max-age=31536000; includeSubDomains at the edge.

strict-transport-security missing

No Content-Security-Policy

A CSP is the standard way to limit script sources. Vibe-coded pages often load anything, including injected scripts.

Start with a report-only CSP, then default-src 'self' and an explicit script-src.

content-security-policy missing

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

Featured / Explore / Cosmos

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:19:32.193Z snapshot of https://cosmos.so. First identify changes since capture; do not revert newer behavior to the old snapshot.

Design baseline
Search and categories lead into Selected by Cosmos collection cards and the multi-column Explore elements grid. Mobile preserves search, horizontal categories and a two-column feed. Distinguish collection-level navigation from individual assets, maintaining gutters and image ratios without copying reference photography.
{
  "colors": [
    {
      "role": "bg",
      "hex": "#ffffff"
    },
    {
      "role": "ink",
      "hex": "#0d0d0d"
    },
    {
      "role": "accent",
      "hex": "#0d0d0d"
    }
  ],
  "fonts": {
    "body": "cosmosOracle",
    "display": "cosmosOracle",
    "stack": [
      "cosmosOracle"
    ]
  },
  "radius": {
    "button": "3.35544e+07px",
    "card": "",
    "field": "0px"
  },
  "space": {
    "section": "0px",
    "card": ""
  },
  "type": {
    "h1": "20px",
    "body": "16px",
    "weight": "400",
    "lineHeight": "24px",
    "letterSpacing": "-2%"
  }
}
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. Make horizontal categories discoverable
Add a subtle scroll cue or an all-categories entry, keep the selected category visible and verify keyboard access to every category.
Evidence: mobile.png: category rail clipped at right

2. No HSTS header
Set Strict-Transport-Security: max-age=31536000; includeSubDomains at the edge.
Evidence: strict-transport-security missing

3. No Content-Security-Policy
Start with a report-only CSP, then default-src 'self' and an explicit script-src.
Evidence: content-security-policy missing

4. No X-Content-Type-Options
Set X-Content-Type-Options: nosniff.
Evidence: x-content-type-options missing

5. No Referrer-Policy
Set Referrer-Policy: strict-origin-when-cross-origin.
Evidence: referrer-policy missing

Acceptance
- Check text, layout and the main action “Sign up” 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.