AI 브랜드
스튜디오

툴 사용법이 아니라
한 흐름으로 만들어요

한 단계의 결과가 다음 단계의 재료가 돼요. 이름·색·로고를 brand.js 한 파일에 정해 두면 영상, 효과, 사이트가 모두 그 브랜드로 바뀌어요. 모든 단계에 실제 결과물, 복붙 프롬프트, 체크리스트를 붙였어요.

어떤 로고가
사람들에게 잘 먹힐까요

감으로 고르지 않도록 로고를 다룬 마케팅 연구를 쉬운 말로 풀었어요. 무엇을 파는지 보이는 로고, 둥근 모양과 각진 모양, 대칭과 비대칭이 주는 인상을 같은 예시 브랜드로 비교해요. 그다음 AI에게 그림 대신 SVG 코드로 시안을 받아 12개를 3개로, 3개를 1개로 줄여요.

6장 · 연구 결과는 "경향"이에요. 처음 시작하는 작은 브랜드에 맞춰 해석했어요.

8~10장 · 로고 스타터 12개와 변형 4종(가로·세로·심볼·단색). 16px·흑백·반전 테스트까지.

내 로고가
움직이기 시작할 때

로고 소개 영상 8종과 30초 브랜드 필름을 템플릿으로 바로 만들어요. 3D가 메시지를 돕는 영상과 방해하는 영상을 가르는 판단표, 그리고 그로블 공식 계정이 답글을 단 래피드×그로블 38초 영상을 기획부터 버그 수정까지 해부했어요.

15장 · 로고 리빌 8종(선 그리기 · 마스크 와이프 · 조각 조립 · 3D 타일 · 글자 순차 · 펀치 · 아이리스 · 루프)

18장 · 래피드×그로블 38초 영상 장면 12컷 (두 회사와 제휴·협찬 관계가 없는 개인 제작물이에요)

Opus 5.5와 코드만으로
편집 효과 24종

편집 프로그램 없이, 화면을 그리는 코드만으로 전환·글자·카메라 효과를 만들어요. Claude Opus 5.5에게 큰 작업을 한 번에 맡기고, 컨택트 시트를 보며 스스로 고치게 하는 검수 루프까지 다뤄요.

복잡한 코드는
본문 대신 각주로

본문은 쉬운 해요체로만 읽히게 했어요. 기술 설명은 페이지 아래 각주로, 긴 코드는 책 뒤 부록 A 코드 노트로 보내고 쪽번호로 이어 줘요. 코딩을 몰라도 끝까지 읽을 수 있고, 궁금한 사람만 따라가면 돼요.

왼쪽: 1장 본문과 각주 · 오른쪽: 부록 A 코드 노트

로고로
브랜드 사이트까지

brand.js와 상품 목록 파일만 바꾸면 한 장짜리 브랜드 사이트가 만들어져요. 개인정보처리방침·교환/환불 예시 문안, 결제 링크 연결, Cloudflare Pages 배포, 출시 체크리스트까지 이어져요.

24~25장 · 08_브랜드사이트 템플릿. 예시 브랜드 늘솜(NEULSOM)은 가상 브랜드예요.

7개 파트 · 28개 장

구매하면 받는 것

구매 전에 알아 두세요