A bento grid
Tiles of mixed sizes locked into a grid, one big one beside two small ones. It fills a section evenly whatever is in it.
Tiles of mixed sizes locked into a grid, one big one beside two small ones. It fills a section evenly whatever is in it.
Purple and cyan shapes blurred into the background behind the hero. Class names for it include aurora, blob and mesh-gradient.
#6366f1 into #8b5cf6 into #a855f7, or near enough. The accent colour most component library themes ship with.
The words trusted by, loved by or powering teams at, over a row of grey logos.
A row of three cards, each with an icon, a heading and a sentence. It turns up whether the product has three things to say or not.
Near-black behind bright green, cyan or magenta. #39ff14 and #00e5ff come up most.
Paste a URL and see which of these signs it has.
Run the checkA coloured bar 3px or thicker down the left edge of a card, usually purple or blue. Grey and white edges are ordinary dividers.
A heading that fades from one colour into another instead of being one colour. It loses contrast wherever the gradient goes pale.
A 1px outline and a 16px shadow on the same card. The outline says flat, the shadow says raised.
Inter, Roboto, Open Sans, Lato, Montserrat, Geist or Space Grotesk. Not bad faces, just the ones that arrive already picked.
A rounded square with an icon in it above each heading, three or more down the page.
A short uppercase line with wide letter-spacing above a heading. WHY US, HOW IT WORKS, FEATURES.
Shadows in purple or blue rather than black, so a card looks lit from inside rather than sitting on the page.
Two or more circles of colour fading out to nothing, placed behind or beside the content.
One or two words of a sans-serif heading switched to an italic serif. Fraunces, Playfair, Instrument Serif.
Fragments punctuated as whole sentences. Ship faster. Ship smarter. Built different.
A rounded label directly above the hero heading, usually New, Now in beta, or Backed by.
A pool of light behind the top of the page, lighting nothing in particular.
Bounce, wobble or elastic easing on something that is not a physical object, most often a scroll arrow.
A row of logos or words sliding sideways on a loop, with no way to stop it or read it in place.
A green dot fading in and out beside a line like All systems operational, where the status is typed into the page.
A faint ruled grid, about 18px square, tiled behind the whole page.
Line height under 1.3 on paragraphs, where about 1.5 is comfortable to read.
Captions, labels and legal lines under 12px, and enough of them that it is the scale rather than one exception.
A bordered box inside a bordered box inside another, four or more deep, each layer added by a different component.
A bordered box inside a bordered box inside another, four or more deep, each layer added by a different component.
Repeating diagonal bands behind a section, standing in for a texture.
An outline 3px or heavier around a corner radius of 12px or more. The two settings pull against each other.
A heading of eight words or more at 4rem and up, a size meant for two or three.
Letter-spacing at -0.05em or tighter on a heading, so the letters almost touch.
Paste a URL and see which of these signs it has.
Run the checkSeamless, effortless, cutting-edge, enterprise-grade, future-proof, best-in-class. Three or more of them on one page.
More than one em-dash per 500 characters, so nearly every sentence carries one.
Delve, tapestry, meticulous, realm of, pivotal, bespoke, plethora.
Transform your workflow with AI. The all-in-one platform for modern teams. Opening lines that arrive already written.
Two or more headings opening with a rocket, a lock or a sparkle before the words.
In today's fast-paced world. It is important to note that. Needless to say.
It's not just a database, it's a foundation. Also its formal cousin, not only X but also Y.
Ten or more emoji through the page, doing the job an icon set would.
Sentences opening with Moreover, Furthermore, Additionally or Consequently, joins nobody uses out loud.
Copy that names an objection so that it can dismiss it. This is not just theatre.
Paste a URL and see which of these signs it has.
Run the check:cite[12] and [^3] still sitting in the sentences, the markers a chatbot puts where it used a source.
As an AI language model, I cannot browse the web. The reply to the author pasted in along with the text.
Create Next App or Vite + React still showing in the browser tab.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, still where the real words should be.
Your Company, Acme Inc or Brand Name in the logo, the footer or the copyright line.
{{description}} or [tagline goes here] printed on the page instead of swapped for content.
## before a heading, **stars** around bold words, [links](in-brackets), all showing as characters.
TODO: replace this with real testimonials, left in the text rather than in a comment.
[email protected] or 555-0100 offered as the way to reach the company.
Grey boxes where photographs should be, or pictures still loading from placehold.co or picsum.photos.
Paste a URL and see which of these signs it has.
Run the checkThe starter theme's values unedited: --background 0 0% 100%, --muted-foreground 215.4 16.3% 46.9%, --radius 0.5rem.
Icons straight out of the lucide set. A 24px box, a 2px stroke and round caps, nothing adjusted.
Paste a URL and see which of these signs it has.
Run the checkThe builder's mark still in the page: a generator tag, an attribute it injected, a badge in the corner, or the address it was published on. v0, Lovable, Bolt, Base44, Replit, Framer, Webflow, Wix and about twenty smaller ones.
Paste a URL and see which of these signs it has.
Run the checkMore than six in ten links on the page pointing at #. The menu was drawn but never wired up.
The HTML arrives with an empty body and fills in once its scripts run, so there is nothing to read until then.
Four or more separate analytics or tracking scripts on one page, each added at a point where it looked free.
Every element a div, with no header, nav, main or footer to say what any part of the page is.
Headings down the page but no h1, so nothing states what the page as a whole is about.
Paste a URL and see which of these signs it has.
Run the checkNo icon declared, so the browser tab shows a blank sheet next to the title.
The browser tab says Untitled, Document, Page or Home.
Paste a URL and see which of these signs it has.
Run the check