Every buzzvil.com page lands on a hero, an animated centrepiece that tells the page's story before the copy is read. They all share the same anchor (the Buzzvil mark filled with a comp-* pattern) and add one focal motion on top. Three live in mockups today. The rest are open for contribution.
buzzvil.com의 모든 페이지는 히어로로 시작합니다. 본문을 읽기도 전에 페이지의 스토리를 전달하는 애니메이션 중심 요소예요. 모두 같은 앵커(comp-* 패턴이 채워진 Buzzvil 마크)를 공유하고, 그 위에 하나의 포컬 모션을 얹습니다. 현재 3개가 mockup에 라이브로 있고, 나머지는 기여를 기다리고 있어요.
Three heroes shipped in the W21 mockup pass. Each one is rendered here without its hero-section copy, the visual must read what page it belongs to on its own.
W21 mockup 작업에서 출시된 3개의 히어로입니다. 여기서는 각 히어로 섹션의 카피 없이 시각만 보여줘요. 비주얼만으로 어떤 페이지인지 읽혀야 합니다.
These three live heroes plus the eight planned routes are a one-session draft, not a deeply considered set. Better identity-read, sharper focal motion, smoother loop, more honest palette behaviour, improving an existing hero is as valuable as adding a new one. Ask Claude Code to iterate on whichever feels off.
3개의 라이브 히어로와 8개의 예정 라우트는 한 세션 안에 만든 초안이라 깊이 검토된 결과가 아닙니다. 더 또렷한 아이덴티티 읽힘, 더 선명한 포컬 모션, 더 매끄러운 루프, 더 정직한 팔레트 반응, 기존 히어로를 다듬는 일은 새로 추가하는 것만큼 가치 있는 기여예요. 어색해 보이는 히어로가 있다면 Claude Code에게 개선을 부탁해 주세요.
A single traveler dot orbits the Buzzvil mark, tracing the full product story in one continuous loop: Build Brand → Acquire Users → Drive Sales → Engagement → Monetize. Dark theme, brand palette.
A native-ad card morphs through three states under a clicking cursor, sponsored ad → quick preference form → reward with 20%-off chip. White theme, top-3 commerce-partner palette (Naver + Olive Young + Musinsa).
Three rounds of cursors converge on the mark, 1 → 2 → 14, each ending with a tap that makes the mark bounce. After the swarm clears, a "talent" cursor lingers outside with an "Are you next?" tooltip. Dark theme, brand-red palette.
Eight more pages in the W21 IA need their hero. The pattern + palette below come from the IA spec; the motion is open. Pick one, prototype it, open a PR. First merged hero per route is the canonical one, second is a variant entry.
Reach + intent, fresh users discovering apps for the first time. Motion family open (cursor demo, install-counter pulse, fresh-faces grid).
Mass awareness, premium reach across half of Korea's mobile users. Motion family open (logo dispersion, reach map, partner-grid sweep).
Re-engagement, in-app campaign loops (BuzzBooster outcome). Motion family open (concentric ripples, return-visit counter, daily-streak loop).
Publisher-side outcome, revenue lifted from existing audiences. Motion family open (revenue counter, yield graph, slot fill-rate).
The three-pillar mechanism (Reach × Interaction × Reward). Motion family open (three-band parallel pulse, beat-driven trio).
The audience surface, 30M users, 500+ premium publishers. Motion family open (breath-and-expand, network-graph reveal, slot-grid wave).
The participation moment, quiz, OX, mission, vote. Motion family open (tap-reveal sequence, multi-format loop, IXD primitive parade).
The closing gesture, points earned, spend ready, the loop completes. Motion family open (points-counter rise, coin spawn, wallet fill).
Pick one of the planned routes above (or propose a new one). You don't author the standalone file by hand; ask Claude Code to add the hero and it follows the per-type contract in AGENTS.md (including the palette listener that keeps the iframe in sync with the page switcher).
위쪽의 예정된 라우트 중 하나를 선택하거나 새 라우트를 제안해 보세요. 스탠드얼론 파일을 직접 작성할 필요는 없어요. Claude Code에게 히어로 추가를 요청하면 AGENTS.md의 타입별 컨트랙트(페이지 스위처와 iframe을 동기화하는 팔레트 리스너 포함)를 따라 작업합니다.