← All episodes

Common Mistakes With Vibe Coded Websites

| 8 products mentioned
Watch on YouTube web design ai tools landing pages user experience startup branding design trends animation and motion design

Y Combinator partners review landing pages built with AI design tools, analyzing common mistakes and best practices for startup websites. The episode examines how AI-assisted design has made professional websites accessible to everyone, but warns that relying too heavily on AI suggestions leads to generic "AI slop" that all looks the same—featuring ubiquitous purple gradients, distracting animations, and poor information hierarchy that hurt customer conversion rather than help it.

Key takeaways
  • AI design tools make it easy to implement complex animations and effects, but founders must resist saying yes to every suggestion and instead evaluate whether additions actually serve the goal of converting visitors into customers.
  • Recurring patterns like purple gradients, scroll-jacking, and unnecessary hover effects have become so common that they signal low effort and erode brand credibility, making websites blend together rather than stand out.
  • Information hierarchy matters more than visual flair—clear headlines that answer "what is it, who is it for, and why should they care" above the fold are far more effective than complex animations that distract from core messaging.
  • QA and intentional design choices are critical; founders must personally review their sites for bugs, confusing interactions, and inconsistent visual language that AI tools often miss or inadvertently create.
  • Effective hover effects should make elements feel clickable and inviting, not hide functionality or fade items away—and critical information should never be hidden behind hover-only interactions since mobile users have no equivalent.
  • Use AI to execute your design vision faster, not to outsource your thinking; start by defining your brand, color palette, and core message, then use AI as a tool to bring those intentional choices to life rather than accepting whatever the model suggests.

Mentioned (8)

Cron
Cron "Raphael was the co-founder of Kron, a modern calendar tool, which you sold to Notion a while back" ▶ 0:33
Notion
Notion "which you sold to Notion a while back" ▶ 0:38
Y Combinator
Y Combinator "super fun to be now back in YC and helping founders, next generation of founders build iconic com..." ▶ 0:49
LLMs "now with LLMs, if there's a good website with a purple gradient, it makes it into the LLM because..." ▶ 2:21
AI coding tools "we've got a bunch of YC companies that have submitted their websites that were all built with AI ..." ▶ 2:42
SVG "just because LLMs are kind of good at these type of SVG buildups or transforms, doesn't mean that..." ▶ 4:01
Aqua interface "Steve Jobs famously said you know he wanted to make things lickable with the Aqua interface back ..." ▶ 7:05
JavaScript "hijacking the sort of like actual native browser scrolling to do some fancy thing with JavaScript" ▶ 18:58