Search

[클로드 Opus 4.8 제대로 쓰기 #4] “기본 디자인은 크림색·세리프·이탤릭” — 클로드 오퍼스 4.8 디자인 기본값 제대로 알기

“기본 디자인은 크림색·세리프·이탤릭” — 클로드 오퍼스 4.8 디자인 기본값 제대로 알기
“기본 디자인은 크림색·세리프·이탤릭” — 클로드 오퍼스 4.8 디자인 기본값 제대로 알기

앤트로픽(Anthropic) 가이드는 클로드 오퍼스 4.8(Claude Opus 4.8)이 가진 ‘강한 디자인 본능’을 별도 절로 다뤘다. 이 모델은 별도 지시 없이 프런트엔드 코드를 짜라고 하면 거의 매번 같은 ‘집안 스타일’로 떨어진다고 회사는 설명한다. 따뜻한 크림색(`#F4F1EA`) 배경, Georgia·Fraunces·Playfair 같은 세리프 활자, 이탤릭으로 한 단어씩 강조, 테라코타·앰버 톤의 액센트가 그 조합이다.

이 스타일은 가이드 표현으로 ‘편집·환대·포트폴리오 브리프(editorial, hospitality, portfolio briefs)’에 자연스럽게 어울린다. 문제는 ‘대시보드·개발 도구·핀테크·의료·엔터프라이즈 앱(dashboards, dev tools, fintech, healthcare, enterprise apps)’처럼 정확함·차분함을 우선하는 영역이다. 가이드는 “이 도메인에는 잘 맞지 않는다”고 분명히 적었다. 까다로운 점은, 이 기본값이 웹 UI뿐 아니라 슬라이드 덱 결과물에도 그대로 나타난다는 사실이다.

‘크림색을 쓰지 마라(don’t use cream)’ 같은 일반적 지시로는 기본값 설정이 잘 바뀌지 않는다는 점도 가이드가 짚는 함정이다. 그렇게 시키면 모델은 다양성을 만들기보다 ‘다른 고정 팔레트(a different fixed palette)’로 이동해 그 팔레트에 다시 갇히는 경향이 있다는 표현이 그대로 적혀 있다.

회사가 권장하는 탈출 방법은 두 가지다. 첫째, 사용하고 싶은 톤·팔레트·타이포·코너 라디우스·여백 정책을 구체 스펙으로 적어 주는 것. 가이드의 예시는 색상 5단계 HEX 값(`#E9ECEC, #C9D2D4, #8C9A9E, #44545B, #11171B`), 폰트 이름, 단락 간 마진, 버튼 트랜지션 시간(`transition: all 160ms ease out`)까지 한 번에 적어 둔 형태다. 둘째, 빌드 전에 모델에게 시각 방향 4가지 옵션(배경 HEX·강조 HEX·폰트·한 줄 설명)을 먼저 제시하게 하고, 사용자가 그중 하나를 골라 그 방향으로만 구현하게 하는 패턴이다.

가이드는 추가로 ‘AI slop 미학’을 피하기 위한 시스템 프롬프트 블록 예시도 제시했다. “Inter·Roboto·Arial 같은 흔한 글꼴 패밀리, 보라색 그래디언트 같은 진부한 색 구성, 예측 가능한 레이아웃·컴포넌트 패턴, 상황별 특성이 부족한 쿠키 커터 디자인은 절대 쓰지 말 것”이라는 형태다. 회사는 이 블록을 위 두 가지 처방과 함께 쓰면 다양성을 만들기 좋다고 제안한다.

자세한 내용은 앤트로픽 공식 프롬프팅 가이드(Anthropic)에서 확인할 수 있다.

이미지 출처: 이디오그램 생성