GeekNews BeeBS
일상

AI가 생성해주는 웹페이지는 왜 상당수 보랏빛 & 남색 빛일까요?

shintwl 조회 401 댓글 3

이런 페이지가 온라인에 많아서 이런 색상이 답변에 강하게 연결되는 걸까요?

아니면 tailwind 같은 라이브러리의 기본 색상이 이런 걸까요?

댓글

  1. 구루

    그래서 "Claude Purple" 이라고도 놀렸었죠.

    실제로 클로드의 공식 프론트엔드 디자인 플러그인 에서는 그거 피하라고 아예 써있기도 합니다.

    It intentionally avoids common patterns like generic system fonts, predictable purple gradients, and cookie-cutter components.

    제가 원래 보라색 좋아하는데, AI시대에 와서 강제로 거부당하는 중.. ㅠ

  2. shintwl

    공식 디자인 플러그인에서도 써있다니;;;;;

  3. 구루

    관련해서 조금 덜 AI 스럽게 디자인해주는 스킬이 있어서 소개해봤습니다. 참고하세요!

    GeekNews hallmark - AI 티가 안나는 디자인 스킬
    • AI 코딩 어시스턴트가 만드는 뻔한 디자인을 피하기 위해, 타이포/색상/레이아웃/모션/인터랙션에 걸친 안티 슬롭(anti-AI-slop) 규칙을 하나로 묶은 디자인 스킬
    • 페이지 생성 시 먼저 매크로구조를 정하고 테마를 입히는 순서로 동작, 직전 3개 구조 반복을 거부해 매번 다른 형태의 결과물 작성

    • 기본 1개 + 추가 3개, 총 네 가지 액션 제공

      • Default: UI 생성. 브리프/프로젝트 토큰/프레임워크를 읽고 매크로구조→테마→보강 순으로 생성, 마지막에 슬롭 테스트 실행
      • Audit: 페이지 문제점을 안티패턴 카탈로그 기준으로 점수화한 순위형 펀치 리스트 제공. 수정 없이 진단만 함
      • Redesign: 카피/IA/브랜드는 유지하고 구조적인 것들만 버려 새 섹션 리듬/제목 배치로 재구축
      • Study: 참고할 디자인을 스크린샷/URL로 넣으면 픽셀이 아니라 구조를 읽어 DNA를 추출하고 이식형 design.md 생성

    • LLM이 기본적으로 만드는 5가지 슬롭 패턴들에 대한 대안 제시

      • 보라색 그라디언트 히어로 → 앵커