왼쪽에 굵은 색 줄이 붙은 상자는 AI 가 만든 사이트에서 가장 흔한 모양이에요. 한 번 보면 다 똑같은 AI 사이트로 보여서, 이 사이트들이 가장 피하고 싶은 인상이에요. 사이트 운영자가 KRDS 를 보고 「상자에 띠처럼 들어간 색깔 디자인은 너무 안 어울린다」고 판정한 뒤 네 팩 모두에서 없앴어요.
기계 검사가 막아요. design:audit(= check-stripes + check-ai-tells)의 check-stripes 가 빌드 결과의 스타일을 팩 색 값으로 풀어서, 라이트와 다크 두 모드 모두에서 두 가지를 세요. 하나는 한쪽 띠로, 왼쪽·위쪽 테두리를 강조색으로 칠한 규칙이에요. 다른 하나는 색 머리띠로, 제목 요소의 바탕을 강조색으로 칠한 규칙이에요. 네 면을 똑같이 두르는 테두리는 띠가 아니라서 세지 않고, 0 이 아니면 배포도 멈춰요.
대신 강조는 굵기, 크기, 여백, 회색 단계로 해요. 예를 들어 KRDS 의 요약 상자는 회색 바탕에 테두리 없이, 병원 안내의 위급 카드는 2px 진한 테두리와 큰 제목으로 그려요.
언제 쓰나
「이 안내를 눈에 띄게 하고 싶다」 싶어서 상자 한쪽에 색을 두르고 싶을 때, 또는 새 팩에서 안내 상자를 처음 그릴 때 떠올려요.