AI가 만든 웹사이트가 다 똑같아 보이는 이유와 고치는 법
AI에게 를 만들어 달라고 하면 거의 항상 같은 결과가 나온다: 흰 배경에 보라색 , 폰트, 중앙 정렬된 헤드라인과 버튼, 그 아래 똑같이 생긴 카드 3개가 나란히 배치된다. 이 패턴을 한번 인지하면 계속 눈에 띄고, 만드는 모든 사이트가 다른 AI 사이트들과 똑같아 보이게 만든다. 해결책은 코드를 작성하기 전에 미리 만든 지침을 프롬프트에 붙여넣는 것이다.
예시로 제시된 지침에는 구체적인 값들이 담겨 있다: 배경색은 순백이 아닌 따뜻한 크림색(#FBF7F2), 본문 텍스트는 진한 차콜색(#3A342E), 포인트 색상은 코랄(#E07856)과 세이지 그린(#7BA88F). 제목용 서체로는 세리프 계열의 "", 본문용으로는 "Source Sans 3"를 지정하고 나 Roboto, 시스템 기본 폰트는 쓰지 말라고 명시한다. 글자 크기 단계(14/15/16/22/56px)와 줄 간격(1.7), 간격 체계(4px 기준, 8~56px 단계)까지 세세하게 규정해 여유롭고 답답하지 않은 레이아웃을 유도한다.
컴포넌트 배치도 좌우 비대칭 히어로 섹션처럼 흔한 패턴에서 벗어나도록 지시한다.
핵심 포인트
- AI가 만드는 웹사이트는 보라색 , 폰트, 카드 3개 배치 등 뻔한 패턴을 반복한다
- 코드 작성 전 지침을 프롬프트에 붙여넣으면 이 패턴에서 벗어날 수 있다
- 색상, 폰트, 글자 크기, 간격까지 구체적인 수치로 지정하는 것이 핵심
- 예시는 따뜻한 크림 배경(#FBF7F2)과 세리프 폰트 를 사용해 차별화를 시도한다