프론트엔드 3분 소요

왜 요즘 웹사이트는 다 똑같이 생겼을까: HN 1위 'Performative-UI'가 던진 뼈아픈 농담

요즘 웹사이트를 둘러보다 이런 느낌 받은 적 없으신가요. 분명 처음 들어가는 서비스인데, 어쩐지 어디서 본 것 같은 기시감. 둥근 모서리, 보라색 그라데이션, 가운데 정렬된 큼직한 제목, 그 아래 검은색 ‘Get Started’ 버튼. 최근 해커뉴스 1위에 오른 ‘Performative-UI’라는 라이브러리는 바로 이 기시감을 정면으로 조롱합니다. 농담처럼 만들어진 프로젝트인데, 댓글창은 의외로 진지한 토론장이 됐습니다.

‘Performative-UI’는 대체 뭘 하는 라이브러리인가

이름부터가 풍자입니다. ‘Performative’는 보여주기식, 겉치레라는 뜻이죠. 이 라이브러리의 콘셉트는 단순합니다. 요즘 유행하는 디자인 트로프를 그대로 찍어내 주는 컴포넌트 모음입니다.

설치하고 컴포넌트 몇 개만 가져다 쓰면, 별 고민 없이도 ‘2026년형 스타트업 랜딩 페이지’가 뚝딱 완성됩니다. 히어로 섹션에는 거대한 헤드라인. 그 아래엔 의미를 알 수 없는 추상적인 3D 도형. 스크롤하면 페이드인되는 카드 세 개. 어딘가 어울리지 않게 박힌 이모지. 만든 사람의 의도는 명확합니다. “당신이 독창적이라고 믿는 그 디자인, 사실 다 똑같습니다.”

핵심은 이게 비난이 아니라 거울이라는 점입니다. 누구를 콕 집어 욕하는 게 아니라, 업계 전체가 빠진 패턴을 보여주는 거울이요.

진짜 문제: 왜 다 똑같아졌나

웃자고 만든 프로젝트지만, 사람들이 진지해진 이유가 있습니다. 실제로 웹이 점점 균질화되고 있거든요. 원인은 여러 갈래로 모입니다.

첫째, 디자인 시스템과 UI 프레임워크의 보급입니다. Tailwind, shadcn/ui, Material 같은 도구들은 생산성을 비약적으로 끌어올렸습니다. 문제는 모두가 같은 기본값에서 출발한다는 거죠. 같은 출발선에서 시작하면 결승선도 비슷해집니다.

둘째, 검증된 패턴에 대한 안전 추구입니다. 전환율 잘 나온다고 소문난 레이아웃, 이미 익숙해서 사용자가 헤매지 않는 구조. 이걸 굳이 깨야 할 이유가 사업적으로는 별로 없습니다. 튀는 디자인은 리스크고, 익숙한 디자인은 안전합니다.

셋째, AI 코드 생성 도구의 영향입니다. 요즘은 “랜딩 페이지 만들어줘"라고 하면 AI가 한 번에 뽑아줍니다. 그런데 AI는 학습 데이터에서 가장 흔한 패턴을 평균값으로 내놓습니다. 가장 무난한 게 가장 자주 나오는 거죠. 결과적으로 평균이 표준이 되는 가속 페달이 밟힌 셈입니다.

획일화는 정말 나쁜 일일까

여기서 토론이 갈립니다. 한쪽에서는 ‘디자인의 죽음’이라며 한탄합니다. 모든 게 똑같아지면 브랜드의 개성이 사라지고, 웹은 영혼 없는 템플릿 더미가 된다는 거죠.

반대쪽 의견도 만만치 않습니다. 표준화는 사용성의 승리라는 시각입니다. 생각해보면 자동차 페달 배치가 회사마다 다르면 큰일 나겠죠. 사용자는 새 사이트마다 사용법을 다시 배우고 싶어 하지 않습니다. 햄버거 메뉴가 오른쪽 위에 있고, 장바구니 아이콘이 익숙한 모양인 건 답답한 게 아니라 친절한 겁니다.

결국 ‘획일화’와 ‘관습’은 종이 한 장 차이라는 이야기입니다. 사용자가 헤매지 않게 돕는 익숙함은 미덕이고, 그저 고민을 회피한 베끼기는 게으름입니다. 문제는 이 둘을 구분하기가 생각보다 어렵다는 데 있습니다.

그래서 우리는 무엇을 해야 하나

‘Performative-UI’가 진짜로 던지는 질문은 이겁니다. “당신은 익숙함을 선택한 건가요, 아니면 그냥 생각하기를 멈춘 건가요.”

차별화가 늘 정답은 아닙니다. 결제 페이지에서 굳이 독창적인 인터랙션을 시도했다가 사용자가 결제 버튼을 못 찾으면 그건 재앙입니다. 표준을 따라야 할 곳에서는 따르는 게 맞습니다.

하지만 브랜드의 첫인상이 걸린 자리, 제품의 정체성을 보여줘야 할 자리에서까지 남들 다 쓰는 템플릿을 복사해 붙이고 있다면 한 번쯤 멈춰 서야 합니다. 의식적인 선택과 무의식적인 모방은 결과물이 같아도 본질이 다릅니다.

마무리

웃기려고 만든 라이브러리가 해커뉴스 1위까지 간 건, 많은 개발자와 디자이너가 마음 한구석에서 비슷한 불편함을 느끼고 있었다는 증거일 겁니다. 도구가 좋아질수록 우리는 더 쉽게 평균에 수렴합니다. 그게 효율이라면 효율이고, 함정이라면 함정이죠.

여러분이 마지막으로 만든 화면을 떠올려 보세요. 그 디자인은 ‘이게 최선이라서’ 고른 걸까요, 아니면 ‘다들 이렇게 하니까’ 고른 걸까요. 이 질문에 자신 있게 답할 수 있다면, 적어도 당신은 거울 앞에서 부끄럽지 않은 쪽입니다.

프론트엔드 UI디자인 React 디자인트렌드 웹개발

댓글

    댓글을 불러오는 중...