Chris’ Corner: Check It B4 U Wreck It

A critical look at the proliferation of AI-generated websites, particularly those built with Claude Code, which share a strikingly similar visual aesthetic. While the design quality bar may be rising for low-end work, these sites are riddled with basic mistakes: broken navigation jump links, inaccessible form labels, low-contrast text, and semantically incorrect div soup instead of proper HTML. The post also highlights a recurring Claude design pattern — italic words in headers, outline/solid button pairs, all-caps labels above headlines, and hover states on every card element (often wrapping entire card contents in a single link). Ends with links to CSS articles on light/dark component styles, the CSS infinity keyword, and responsive cyclic margins.