VVibeFootprintWebsite intelligence

Evidence before labels

How to know if a website was vibe coded

There is no single giveaway. A responsible assessment combines several public signals, tests plausible alternatives and states only what the evidence can support.

Format
Diagnostic field guide
For
Founders, buyers, agencies and reviewers assessing a public website
Reading time
11 minutes

Published by VibeFootprint EditorialPublished · Last reviewed

The short answer

Look for a pattern cluster, not a visual cliché

Rounded cards, gradients, oversized headlines and familiar dashboard layouts are common across the modern web. Seeing one of them tells you almost nothing about authorship. The useful question is whether multiple independent parts of the delivered site show the same kind of unedited default thinking.

Start with direct public traces, then move through implementation conventions, design repetition, product-specific content and operational polish. Confidence should decrease—not increase—as you move from a direct marker toward subjective visual impressions.

  • Separate observation from interpretation in your notes
  • Record at least one credible non-AI explanation for every signal
  • Treat quality, security and authorship as different questions

Signal strength

An evidence ladder for public websites

The levels are ordered by how directly they describe the delivered surface. Even the strongest public evidence usually supports a narrow statement, not a complete origin story.

Level 101

Direct public markers

Builder names in generated comments, asset paths, metadata or publicly delivered manifests.

Level 202

Implementation conventions

Repeated class-token patterns, unusual inline-code volume, component structures or framework defaults across several pages.

Level 303

Design pattern clusters

The same card rhythm, gradient treatment, icon style, spacing errors and interaction gaps recurring across unrelated sections.

Level 404

Content and product fit

Generic promises, placeholder proof, inconsistent terminology or pages that do not answer the buyer’s obvious questions.

Level 505

Operational quality

Broken states, missing metadata, weak headers, inaccessible controls or poor mobile behavior.

Decision matrix

Common signs and their false positives

Use the final column before drawing a conclusion. It turns a resemblance into a testable next step.

ObservationPossible vibe-coding explanationPlausible alternativeBest next check
Every section uses rounded cardsA default component recipe was repeatedA deliberate design system uses one container primitiveCheck whether hierarchy, spacing and behavior vary meaningfully with the content
Copy sounds polished but vagueGenerated copy was accepted without product editingThe team has not completed positioning workAsk whether a specific audience, mechanism and proof are named
Class names resemble a popular UI stackGenerated code selected that stackA human developer intentionally uses the same libraryLook for direct markers and consistent engineering conventions, not the library alone
Desktop looks complete; mobile feels improvisedThe initial prompt focused on one viewportNormal delivery pressure cut responsive QATest navigation, forms, overflow and reading order at several widths
Security headers are incompleteThe generated deployment omitted hardeningInfrastructure was configured manually but incompletelyReview the separate security baseline and the actual deployment configuration

Repeatable process

A ten-minute assessment you can repeat

Use the same sequence for every site. Consistency makes your notes more useful than a first impression.

  1. 01

    Define the claim

    Write the exact question you are trying to answer: visual similarity, public builder traces, launch quality or code authorship.

  2. 02

    Walk the real journey

    Use the navigation, a form, one error path and a mobile viewport. Do not judge only the hero screenshot.

  3. 03

    Collect independent signals

    Record signals from at least three different domains such as design, content and delivered implementation.

  4. 04

    Challenge each signal

    Name an ordinary template, library, deadline or design-system explanation that could produce the same result.

  5. 05

    State a bounded conclusion

    Describe resemblance and review priorities. Avoid claims about hidden source code or authorship.

Applied example

Worked example: a polished SaaS landing page

A landing page has a gradient headline, three rounded feature cards, generic transformation copy and a familiar pricing table. Its forms work, mobile spacing is consistent and no direct builder marker is visible.

  • The design motifs are common, but they are applied consistently.
  • The content lacks product-specific proof, which is an actionable content weakness.
  • No direct public marker identifies an authoring tool.
  • The mobile and interaction quality argues against calling the page an unreviewed output.

Plain answers

Questions people ask after the first review

What is the biggest giveaway of a vibe-coded website?

There is no universal giveaway. A direct public builder trace is narrower and stronger than a visual impression, while a cluster of unrelated weak signals is more useful than one fashionable design motif.

Can browser developer tools prove that a site was vibe coded?

They can expose delivered markers, libraries and implementation conventions. They cannot reconstruct private prompts, repository history, authorship or the share of generated code.

Does a high Vibe-Footprint mean the website is bad?

No. It means the measured public patterns show stronger similarity to the reference corpus. Concrete design, content, engineering and security findings must be reviewed separately.

Source notes

References used for this guide

We prefer first-party standards, primary documentation and a visible interpretation boundary. Links are provided for verification and deeper implementation work.

VibeFootprint methodology

Defines the public-surface evidence boundary and the meaning of the similarity index.

MDN: Inspecting the DOM

Background on what browser developer tools can inspect on the delivered page.

W3C Web Accessibility Initiative

Primary guidance for treating accessibility as a user requirement rather than a visual preference.

Apply the framework

Review a real public website.

See its pattern-similarity index, evidence breadth, separate security baseline and concrete findings.

Run the free scan