글이 꼽은 특징은 곳곳의 그라데이션(특히 보라색), 70-30-10 배색 원칙을 무시하고 흩뿌린 색, 의미 없는 상태를 알리는 깜빡이는 배지, 어디에나 붙는 둥근 모서리 카드, 쓸모없는 이모지, 어긋나게 놓인 SVG·아스키 그림, Inter·JetBrains Mono 글꼴과 기술 얘기마다 붙는 `//`, "Built with Hugo" 같은 불필요한 문구, 반투명 유리 효과, 'Elevate'·'Seamless'·'Supercharge' 같은 광고 문구예요. 글쓴이는 의도가 있으면 AI로 만든 디자인도 괜찮다고 보고, 문제는 공을 들이지 않는 태도라고 적었어요. 다만 고치는 방법은 제시하지 않았어요. 해커뉴스 댓글에서는 이 특징들이 부트스트랩 시절부터 사람이 쓰던 유행이라는 반론과, 블로그 자체가 읽기 힘든 고딕체 제목과 어긋난 버튼을 쓴다는 지적이 나왔어요.
용어 풀이
- 70-30-10 배색 원칙
- 주색 70%, 보조색 30%, 강조색 10% 비율로 색을 나누는 디자인 규칙
- SVG
- 확대해도 깨지지 않는 벡터 방식 그림 파일 형식
- WCAG
- 웹 콘텐츠 접근성 국제 지침
운영자 인사이트
댓글이 모은 처방은 프롬프트 한 줄보다 제약을 먼저 주는 쪽이에요. 쓸 색상표와 글꼴, 금지할 효과를 문서로 넘기고, 화면 문구는 따로 마크다운으로 빼서 사람이 고친 뒤에 붙이라는 거예요. 사내 도구 화면을 에이전트로 만든다면 이 10가지를 검토 목록으로 두고, 얇은 Inter 글씨처럼 접근성(WCAG)을 해치는 기본값도 함께 확인해 보세요.
여러 관점으로 보기
- 해커뉴스 반응 사람 디자이너도 오래 써 온 유행일 뿐이라는 반론과 함께, 색상표·글꼴 제약을 프롬프트에 명시하고 여러 번 고쳐 달라고 하면 나아진다는 경험담, 테일윈드 기본값이 접근성 기준을 해친다는 우려가 나왔어요. Hacker News