Buzzvil patterns · Palettes

Three colour tokens. One chameleon rule.

세 개의 컬러 토큰. 하나의 카멜레온 규칙.

Every pattern and every hero in this set paints with exactly three tokens: --c-bg, --c-mid, --c-acc. A palette is just a named triple of those three colours. Where each palette comes from is the interesting part.

이 갤러리의 모든 패턴과 모든 히어로는 단 세 개의 토큰으로 그려집니다. --c-bg, --c-mid, --c-acc. 팔레트는 그 세 색에 이름을 붙인 삼총사일 뿐이에요. 흥미로운 건 각 팔레트가 어디에서 왔는가입니다.

Customer experiment

For customer pages, we try the major key partner brand colours.

고객 페이지에서는 주요 파트너 브랜드 컬러를 실험으로 사용해 봅니다.

On every Solution surface (Drive Sales, Acquire Users, Build Brand, Boost Engagement) we're experimenting with palettes pulled from the top 3 partner brands in that solution. The pattern stays structurally the same; only the colour tokens swap. The idea is that a CMO landing on the Drive Sales page sees Naver green, Olive Young olive, and Musinsa black answering them in the visual language they already trust.

모든 솔루션 페이지(Drive Sales, Acquire Users, Build Brand, Boost Engagement)에서, 그 솔루션의 상위 3개 파트너 브랜드 컬러로 만든 팔레트를 실험으로 적용해 보고 있어요. 패턴은 구조적으로 그대로이고 컬러 토큰만 바뀝니다. Drive Sales 페이지에 들어선 CMO가 이미 신뢰하는 시각 언어(네이버 그린, 올리브영 올리브, 무신사 블랙)로 응대받는 경험을 만들고 싶다는 발상입니다.

This is a hypothesis, not a decision. The point of this set is to let us swap palettes quickly across the gallery so we can compare side by side and pick a direction with evidence rather than taste.

이건 가설이지 결정이 아닙니다. 이 갤러리의 핵심은 갤러리 전체에서 팔레트를 빠르게 교체해 나란히 비교한 뒤, 취향이 아닌 근거로 방향을 정할 수 있게 하는 것입니다.

First pass

The ten palettes below are a one-session draft, not a deeply considered set. The customer-experiment trios in particular are working guesses on which partners best represent each solution; a different partner mix or a re-balanced role split (bg / mid / acc) might read much better. Improving an existing palette is as valuable as adding a new one. Ask Claude Code to iterate.

아래 10개 팔레트는 한 세션 안에 만든 초안이라 깊이 검토된 결과가 아닙니다. 특히 고객 실험 삼총사는 어떤 파트너가 각 솔루션을 가장 잘 대표하는지에 대한 작업 가설이에요. 다른 파트너 조합이나 다시 균형 잡힌 역할 분배(bg / mid / acc)가 훨씬 잘 읽힐 수 있습니다. 기존 팔레트를 다듬는 일은 새로 추가하는 것만큼 가치 있는 기여예요. Claude Code에게 개선을 부탁해 주세요.

Propose a palette.

팔레트를 제안해 보세요.

A palette is one object appended to the PALETTES array in palettes/palettes.js. You don't edit the file by hand; ask Claude Code to add the palette and it follows the per-type contract in AGENTS.md. Once merged the palette is available in the switcher on every page automatically.

팔레트는 palettes/palettes.js의 PALETTES 배열에 객체 하나를 추가한 것입니다. 파일을 직접 편집할 필요는 없어요. Claude Code에게 팔레트 추가를 요청하면 AGENTS.md의 타입별 컨트랙트를 따라 작업합니다. 머지되면 모든 페이지의 스위처에서 자동으로 사용할 수 있게 됩니다.