Get started
The indigo-to-violet gradient every AI tool ships
#6366f1 into #8b5cf6 into #a855f7, or near enough. The accent colour most component library themes ship with.
Does this site feel original?
Leaderboard
Common signs of AI slop
Everything you need
A blurry coloured glow behind the page
Purple and cyan shapes blurred into the background behind the hero. Class names for it include aurora, blob and mesh-gradient.
Ship faster• powered by AI
Dark background with neon accents
Near-black behind bright green, cyan or magenta. #39ff14 and #00e5ff come up most.
The future of work
Spotlight glows used as decoration
A pool of light behind the top of the page, lighting nothing in particular.
Build anything
Text filled with a gradient
A heading that fades from one colour into another instead of being one colour. It loses contrast wherever the gradient goes pale.
NoteSomething worth reading
A thick coloured stripe down one edge
A coloured bar 3px or thicker down the left edge of a card, usually purple or blue. Grey and white edges are ordinary dividers.
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.
Rounded icon tiles stacked above headings
A rounded square with an icon in it above each heading, three or more down the page.
Craft, considered
The italic serif headline of the moment
One or two words of a sans-serif heading switched to an italic serif. Fraunces, Playfair, Instrument Serif.
The full list, sorted into 8 groups, with an example of each.
See them all