디자인 점검 규칙 강화 — 「베이지·브라운으로 바꾸기」를 막고, 벤치마킹은 참고 사이트 색 그대로
· 업데이트
[조라 AI 자동 패치 및 직접 작성]
봇이 홈페이지·시안을 만들 때 「AI 가 찍어 낸 느낌」이 나는 디자인을 더 잘 걸러 내도록 규칙을 늘렸어요. 점검은 정해진 규칙으로만 하기 때문에 크레딧이 들지 않고, 내 사이트를 바꾸지 않아요.
1. 벤치마킹은 참고 사이트 색을 그대로
· "이 사이트처럼 만들어 줘", "색감 똑같이" 라고 하면 봇이 먼저 참고 사이트의 실제 바탕색·글자색·대표색·강조색·글꼴을 숫자로 뽑아서 그 값을 그대로 써요.
· 참고 사이트가 흰 바탕이면 흰 바탕, 어두우면 어두운 바탕이에요. 「따뜻하게·고급스럽게」 하겠다며 베이지·브라운·보라로 바꾸지 않아요. PC 와 모바일 배경색도 같아야 해요.
· 그동안 "왜 자꾸 브라운 배경이 들어가느냐"는 말씀이 있었는데, 보라를 피하라고 하면 베이지로 가는 습관을 이번에 규칙으로 막았어요.
2. 디자인 점검에 새로 보는 것 (분석 › 사이트 점검 › 디자인 품질)
· 크림·베이지 바탕 + 테라코타(녹·점토색) 강조 조합 — 보라 그라데이션 다음으로 흔한 「또 그 디자인」이에요. 우리 브랜드 색이 원래 그 색이면(「브랜드 디자인 규칙」에 정해 두면) 예외로 봐요.
· 강조색이 제목·테두리·밑줄까지 여기저기 쓰인 경우 — 강조색은 버튼과 한 가지 요소, 화면의 5% 안이 좋아요.
· 큰 제목이 세 줄 넘게 긴 경우, 글자 크기가 너무 여러 가지인 경우.
· 「01 · 02 · 03」 번호 꾸밈, 1px 옅은 선 남발, 자간 띄운 작은 대문자 라벨.
· 문구: 「○○이 아니라 △△」 교정문, 「빠르게. 쉽게. 안전하게.」 식 세 토막 구호, 「시작하기·더 알아보기」 같은 빈 버튼 이름, 「끊김 없는·올인원·최적의 솔루션」 같은 뻔한 말.
· 출처 없는 「10,000명 이상」 같은 숫자와 별점 줄 — 근거가 없으면 과장 광고가 되니 출처를 붙이거나 빼라고 알려 드려요.
3. 점수에 상한이 생겼어요
· 「꼭 고치기」 항목이 하나라도 있으면 60점을 넘지 않아요.
· 위 표식이 심하면 65점, 실제 사진이 4장 미만이면 65점을 넘지 않아요. 글자와 상자만으로는 내 것처럼 보이지 않기 때문이에요.
· 결과에 어떤 상한이 걸렸는지와 이유를 함께 보여 드려요.
4. 봇이 만든 뒤 스스로 점검해요
· 작업 에이전트가 페이지를 만들면 같은 규칙으로 점수를 보고, 65점 아래면 「꼭 고치기」부터 고친 뒤 다시 확인해요. 고객 수·후기·언론 로고 같은 증거는 회원님이 준 것만 넣어요.
추가(11/01) · 화면 성격에 맞춰 점검해요
· 홈·소개 화면(설득), 관리·ERP·접수함 화면(운영), 블로그·공지·사용법(읽기), 전시·체험 화면(경험) — 네 가지로 화면 성격을 자동으로 추정해서, 그 화면에 맞는 기준으로 봐요. 추정이라 다를 수 있으니 결과에 「어떤 화면으로 봤는지」를 함께 보여 드려요.
· 관리 화면에는 「첫 화면 큰 버튼」·「사진 4장」을 요구하지 않고, 대신 움직임·광고처럼 큰 글씨가 많으면 알려 드려요. 글 화면은 글자 크기·줄 간격·본문 폭을 봐요.
· 봇이 리디자인할 때는 먼저 지금 화면의 로고·대표색·이름·핵심 문구를 확인하고, 바꾸라고 하신 것만 바꿔요.
적용 방법: 지금부터 새로 만드는 작업과 점검에 바로 적용돼요. 이미 만든 페이지는 「디자인 품질」 점검을 다시 돌리면 새 기준으로 보여요. 봇에게 "우리 홈페이지 디자인 점검해줘" 라고 말해도 돼요.
궁금한 점은 봇 대화나 고객센터 문의로 남겨 주세요. 고맙습니다. — ZORA 운영팀