Notes from shipping puzzlywords.com

The brief was one line.
Don't look AI‑generated.

I built a landing for puzzlywords.com last month — Facebook's killing their web games platform, so the game needed a real home. Almost every pixel went through an LLM. Here's what I actually did to keep it from reading like every other AI landing on the timeline.

What shipped

puzzlywords.com

A Facebook web game ported to a standalone domain before Meta closes the platform on 2026-08-31. The brief: don't look AI-generated.

Final landing, above the fold
Above the fold
Final play wrapper
/play/ wrapper — the Cocos engine renders unchanged inside the new chrome

What slop actually is

Not the element.
The combination.

01

Combinations, not elements

Radial blur isn't slop. Glass-morphism isn't slop. Bento isn't slop. Each is fine when chosen on purpose. What reads as AI-default is five-to-ten of them defaulted in together.

02

Taste is still your job

An LLM produces variants, runs perf passes, writes schema. It can't tell you which variant is right — only which is statistically common. That part is you. Skip the picking and you ship the average.

03

Cheap raises the bar

Anyone can ship a serviceable landing in a day. Serviceable is the new floor, not the ceiling. Differentiation is the specific calls only you can make.

The smell list

One is a choice.
Three is a smell.

None of these patterns are wrong on their own. When three or more show up together with no reason, the page reads as default.

Pattern
On its own
In combination
Radial-blur mesh blobs
Can be the right hero — used on puzzlywords.com
With glass-morphism + tag pill + bento = AI-default
Glass-morphism cards
Fine on a dark-tech product
With purple→pink gradient + tilted phone = slop
Bento grid layout
Right for feature-dense SaaS
With three-column feature row + emoji icons = signal
Tilted phone mockup
Cinematic in the right brand context
With centered hero + tag pill + Inter everywhere = generic
Gradient text on H1
OK if the brand owns that gradient
With purple→pink + glass cards = Tailwind-default
Three-word aliterations
Sometimes punchy
With "loved by teams" + round-number stats = filler
Emoji feature icons
Fine on a casual product
With three-column row + tag pill = template

The method

Subtraction, not creation.

Generate widely. Cut aggressively. Three rounds.

Round 1

10 directions → 4

Vary the direction, not the polish. Minimal, bold, app-store, dark-tech, magazine, brutalist, migration-first, bento, arcade, screenshot-hero. The client typed a few numbers to kill in under a minute.

Round 2

50 panels → 10

With 4 layouts surviving, pick the visual language, not the layout. One grid of 50 micro-experiments: tile, torn paper, ribbon, hexagon, ticket, banner, tape, neon, brutalist. Client picks ~10.

Round 3

10 skins → 1

Take the winning layout. Apply each picked style as a skin — same content, same structure, only the panel and button language changes. One winner.

Round 1four directions surviving after the first cull

The surviving concepts from round 1

Round 250 panel and button experiments in one pass

50 panel and button experiments in one grid

Round 311 skins on the same layout — same content, only the panel language changes

11 skins applied to one layout
Hybrid attempts — killed
Killed: hybrid combinations of two styles. Almost always worse than picking one.
Style applied as accent only
Shipped: the winning style applied to one or two elements only. Rest of the page stays clean.

Voice is its own round

Headlines have the same blast radius as design.

After the visual is locked, run another 4–6 directions for just the headline, notice, blurbs, and SEO meta. Pick one.

6 voice / SEO directions
Direct · cult · arena · warm · heritage · minimal — six voice directions on the same visual.

What shipped

Here's the whole page.

Top to bottom. The torn-paper style only shows up on the feature cards — everything else stays clean. That's the whole trick: pick one move, apply it to one or two elements, leave the rest alone.

Final landing, full page

If you skip the picking, you ship the average.

The average is exactly what slop looks like. Every elimination round here is a human saying that one, not that one. The AI is the production line. You're the art director.

10 → 1

directions to a chosen layout

50 → 1

panel concepts to a visual language

1 day

from first variants to shipped