I remember a year ago LLMs really sucked at putting together beautiful and cohesive web pages. They could get the job done, but it all was very obviously mediocre react. Garbage in, garbage out.
Figured I’d test how it works now, if I use Claude Code’s /frontend-design and playwright, and holy hell.
It now reads more like a journal and less like a template — set in IBM Plex Serif with IBM Plex Mono for labels, a cream paper background borrowed from Flexoki, and an Everforest dark mode. The nav went text-only, and the styles are consistent across the site.
Screens below.
Homepage
The list of posts stayed the list of posts. Everything around it quieted down — text-only nav, a topic row above the years, a softer background.
Before
After
Post
Serif body type takes over. Code blocks sit on a soft surface tint instead of the default blue; the footer rule fades into three command glyphs.
Before
After
Topic
Tags became topics: a mono TOPIC eyebrow, a serif subject, a one-line description. The pound sign retired.
Before
After
Colors come from Flexoki (light) and Everforest (dark). Type is IBM Plex. Everything else is just Tailwind tokens in a trench coat.