Worked examples tailwindcss.com
Is tailwindcss.com vibe coded?
Utility classes everywhere, by the people who made them. We fetched the homepage on 29 August 2026 and ran all 86 detectors over the raw HTML — the same scan you get from the box on the front page, frozen here so the numbers can be argued with.
tailwindcss.com
Shipped straight from the chat window
This went from prompt to production without stopping to look around.
- Vibe tells
- 16
- Craft tells
- 3
- Confidence
- high
Plenty of signal to work with.
Where the score came from
- Platform fingerprints1 hit
Artefacts of the tool, not of taste
- Colour, type and surface6 hits
The visual defaults, applied unedited
- Layout and architecture3 hits
The shape a page takes when nobody asks what it needs to say
- Copy tells2 hits
How the words were written
- Leftoversnone
Scaffolding never cleaned up
- Source and build3 hits
What is visible in the shipped code
- How it behaves1 hit
Weight, mobile, accessibility, SEO — where the money leaks
- Human craft3 hits
Evidence of deliberate decisions
Evidence
19 findings- +15
The indigo-to-violet gradient
The loudest tell of 2026, fully deployed. It descends from Tailwind's indigo-500 and from Notion/Vercel-era marketing, which taught the models that innovative software is purple.
- from-pink-600
- from-pink-500
- from-purple-600
- from-purple-500
- +12
shadcn/ui class signatures
2 shadcn/ui utility signatures in the markup.
- +12
Accessibility gaps
2 images with no alt, 1 icon-only buttons with no accessible name. Adding these requires knowing why they matter.
- +9
Copy that never says who it is for
1266 words, and still no price, no contact route and no named audience. The page describes a category, not a business.
- +9
No way to actually make contact
The page asks for the sale and then offers no phone number, no address, no email and no form. For a local business site this is the whole failure.
- −9
Deliberate social preview
Open Graph title and image were both authored.
What we read
- title
- Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
- generator
- —
- server
- cloudflare
- status
- 200
- html
- 879.7 KB
- words
- 1,266
- fetched in
- 451 ms
Reading this score
tailwindcss.com landed on 75/100, which puts it in the shipped straight from the chat window band. That number is not a percentage and not a probability — it is strength of evidence: 103 points of tells, damped by craft, less 22 points of deliberate decisions, mapped through one logistic curve.
What pushed it up
- The indigo-to-violet gradient +15 — The loudest tell of 2026, fully deployed. It descends from Tailwind's indigo-500 and from Notion/Vercel-era marketing, which taught the models that innovative software is purple.
- shadcn/ui class signatures +12 — 2 shadcn/ui utility signatures in the markup.
- Accessibility gaps +12 — 2 images with no alt, 1 icon-only buttons with no accessible name. Adding these requires knowing why they matter.
- Copy that never says who it is for +9 — 1266 words, and still no price, no contact route and no named audience. The page describes a category, not a business.
- No way to actually make contact +9 — The page asks for the sale and then offers no phone number, no address, no email and no form. For a local business site this is the whole failure.
- rounded-2xl, soft shadow, 1px grey border — on everything +8 — 33 extra-rounded cards, 7 oversized shadows and 0 hairline borders — the untouched shadcn card, applied to content of wildly different importance.
- Glowing orbs behind a permanently dark page +8 — 24 glow surfaces over a permanently dark ground. Learned from crypto and AI launch pages, where it was atmosphere. Here it decorates nothing.
- Cards inside cards +8 — 14 card surfaces sitting inside other card surfaces. Everything gets a box, everything gets equal emphasis, and nothing reads as primary.
What pulled it down
- Deliberate social preview −9 — Open Graph title and image were both authored.
- Hand-written ARIA −7 — 69 explicit accessibility attributes.
- CSS custom property system −6 — 319 CSS custom properties — a real token layer.
Craft we looked for and did not find
These are the actionable half of the report. None of them are hard, and every one of them would have moved the number.
- Structured data
- Skip-to-content link
- prefers-reduced-motion honoured
- Semantic landmarks
- Self-hosted typography
- Hand-authored stylesheet
- No utility-class soup
- Canonical URL
What this scan cannot see
One request, no JavaScript executed. So everything below is invisible to us, and a page can be excellent or awful at all of it without moving the score:
- Domain registration age — needs WHOIS.
- Whether the nav's /about and /pricing actually resolve — needs a crawl, not one fetch.
- package.json dependency count, orphaned code, clashing abstractions, test coverage — needs the repo.
- Backend security shortcuts: string-built SQL, verify=False, missing auth on endpoints — needs the source.
- Whether row-level security or Firebase rules are actually switched on — needs the project.
- Console errors, hydration warnings and runtime 404s — needs a browser executing the page.
- Real Lighthouse numbers and horizontal scroll at 375px — needs a rendered viewport.
- Whether a JS-handled form posts anywhere — needs a submitted request.