최근 웹상에서 발견되는 Show HN 프로젝트들이 인공지능(AI)이 생성한 듯한 획일적이고 전형적인 디자인 패턴을 보인다는 문제의식에서 글은 시작되었습니다. 필자는 이 주관적인 느낌을 객관적으로 측정하기 위해 500개의 페이지를 대상으로 AI 디자인 패턴 점수화 작업을 진행했습니다.

AI가 선호하는 디자인 요소들은 크게 폰트, 색상, 레이아웃 특징, CSS 패턴 네 가지 범주로 분류되었습니다. 대표적인 예로는 모든 곳에 사용되는 Inter 폰트, 'VibeCode Purple' 같은 특정 컬러 조합, 그리고 중앙 정렬된 히어로 섹션 등이 있습니다.

이러한 패턴을 점수화하기 위해 필자는 Playwright를 이용해 웹사이트의 DOM과 스타일을 분석하는 시스템을 구축했습니다. 이 방법은 각 디자인 요소가 결정론적인 CSS 또는 DOM 체크로 작동하여 객관적인 측정이 가능하게 했습니다.

분석 결과, 500개 사이트 중 'Heavy slop' (5가지 이상 패턴)이 21%, 'Mild' (2~4개 패턴)가 46%를 차지하며, 가장 많은 비중을 차지한 것은 중간 단계의 디자인들이었습니다. 필자는 이러한 현상이 반드시 나쁘다고 단정하기보다는, AI 시대에 맞게 사용자 경험(UX) 측면에서 차별화된 창의적 노력이 필요하다는 점을 강조했습니다.