12초 제품 출시 영상 프롬프트

<inputs> 제품 이름, 로고(또는 간단한 마크를 직접 그려드림), 브랜드 컬러(또는 로고에서 추출), 사용자가 프롬프트 상자에 입력하는 한 줄 문구, 그에 답하는 페이지(제목 + 핵심 문구 하나가 포함된 2~3문장), 스택 카드용 기능 이름 두 개, 음악 트랙을 요청드립니다. 일부를 건너뛰면 기본값을 사용합니다: 제품 "Frame by Frame" (Whop 허브 내), 뷰파인더 마크(굵은 "FF" 주위 네 모서리 괄호), 프롬프트 "Make a launch video for my app", 레슨 페이지 제목 "2.1 Choose a reference", 카드 "Launch" 및 "Sound", Mixkit의 무료 하우스 트랙 "Rising Forest"를 124 BPM으로 늦춘 버전. </inputs> <direction> 12초 스퀘어 제품 스팅, 1080x1080, 프레임 번호 29.97fps(f0–f359), 마스터는 59.94fps로 렌더링. Apple 키노트 느낌: 부드럽고, 흰색, 밝은 파란색, 유리질. 카메라는 정지 프레임에서 절대 컷하지 않음: 모든 샷은 이미 움직이는 상태로 진입(지수 감속, 프레임당 남은 거리의 12–19%)하고 가속 이동 또는 블러 램프로 이탈. 블러는 모든 이동에서 속도와 방향을 따름. 팔레트: 브랜드 컬러를 다음 역할에 매핑; 제공하지 않으면 페이지 #FDFDFB, 헤이즈 #B7CFEB, 아이스 #E6F0FA, 딥 블루 #294376 → #769CC2 스카이 그라디언트, 네이비 #1E2F52, 액센트 블루 #2F6BFF / #3CC8F0 / 민트 #4ED6A0, 화이트. 타입: Inter (400/500/600/700). 보라색, 바이올렛, 마젠타, 오렌지는 어디에도 없음. 스토리: 제품 헤더가 밝은 앱 창 안의 파란 헤이즈에서 떠오름 → 커서가 글라이드하여 들어오고, 가려는 방향으로 돌며, 호버에서 커지고 로고를 클릭 → 음악 드롭에서 하드 컷하여 네 개의 사각형이 십자형으로 궤도를 도는 앱 아이콘 → 아이콘이 Mac 메뉴 바 안으로 붕괴 → 커서가 메뉴 바 아이콘을 클릭하고, 프로스트 글라스 프롬프트 상자가 튀어나오며 프롬프트가 타이핑됨 → 휩틸트로 하늘색 플래시를 지나 답변 페이지가 제자리에 스크롤되어 들어옴 → 그 위로 카드가 떠오름 → 블러 디졸브로 거대한 프로스트 글라스 타이틀이 있는 두 개의 스택 카드 → 블러 디졸브로 단독 로고 디스크 → 하드 컷하여 빛나는 워드마크가 있는 검은 엔드 카드. 금지: 크로스페이드, 정지 프레임(S7의 한 번의 홀드 제외), 스톡 UI 키트, UI 텍스트의 글로우, Math.random, 템플릿처럼 보이는 모든 것. </direction> <structure> 좌표는 1080 스테이지의 px. 음악 비트 k = 0.048 + 0.4838·k s (124 BPM, 1비트 = 14.5프레임). 세 번의 하드 컷 f72, f101, f159는 비트 2프레임 전에 위치: 이 정확한 프레임을 유지. S1 f0–71, 헤더 + 창 + 클릭: 헤이즈 #B7CFEB가 f28까지 #FDFDFB로 페이드, 하단에 파란 바닥 글로우 #DBEEFD 유지. 헤더 한 줄: 로고 디스크 ⌀132 (#FBFCFE, 1px 림 #E8E8EA, 다크 마크), 제품 이름 (Inter 500), 다크 캡슐 알약 "on Whop" (#2F2E2F, 흰색 텍스트); 전체 잠금 장치가 x474–1063에 걸쳐 있고, 중심선이 y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37)으로 상승, 이후 프레임당 1px씩 드리프트. 이름은 f2에 블러로 나타나고, 알약은 f4–5에 심하게 블러된 상태로 선명해지면서 15px 왼쪽으로 슬라이드. 라이트 허브 창(반경 93, 채움 #FCFDFF, 상단 밴드 #F1F6FF, 파란 내부 바닥 글로우)이 주위에 페이드 인: 불투명도 0에서 f14, 0.53 f15, 0.7 f19, 1.0 f24; 왼쪽 상단 모서리 (408,405), 오른쪽과 하단으로 벗어남. 내부: 상단 밴드의 검색 알약, 왼쪽 아이콘 열(Courses 아이콘 (537,739), 흐릿한 Chat 아이콘 (537,900)), (764,700)에서 프레임 밖으로 나가는 코스 카드(커버 이미지, 제목, "Course · 8 lessons"). 커서(검은 macOS 화살표, 흰색 윤곽선, 32x39)는 f27에 (891,393)에 나타나며, 감속하며 왼쪽으로 글라이드하여 f44에 (770,383), f47–51에 아래-왼쪽을 향하도록 회전하며 다이빙, f56에 디스크의 오른쪽 아래 (629,564)에 착지 → f59 (587,546) → f71 (555,531); f56부터 호버에서 ×1.55 성장; f53부터 디스크 주위에 부드러운 아이스 링(#D5F3FF → #F7FEFF, 외경 ⌀174)이 켜짐. 카메라는 (540,540)을 중심으로 줌: 1.0 f46 → 1.2 f60 ease-in-out, f61 유지, 이후 가속하며 f71에 1.04로 이완되는 동안 커서가 누름(f69–71에 15% 축소). S2 f72–100, 아이콘 + 궤도: 네이비 스퀘어클 앱 아이콘(#294376 → #1E2F52, 흰색 마크), f72에 276px에서 f86까지 ease-out으로 178px로 축소, 너비의 28% 반경, 회색 헤일로 디스크 #E9E9E7이 ⌀240 (f75) → 326 (f86)으로 성장. 92px 사각형 4개(반경 26)가 시계 반대 방향으로 회전하며 감속, f86까지 궤도 반경 ≈216에서 십자형으로 잠금: 흰색(1px #E3E8EF 가장자리 + 희미한 그림자) 왼쪽, #2F6BFF 위, #3CC8F0 오른쪽, #4ED6A0 아래. f88–100: 아이콘이 가속하며 ≈40px로 축소, 사각형은 오른쪽에 한 줄로 슬라이드(흰색은 아이콘 뒤로 숨음), 블러 램프 0.3 → 6px. S3 f101–158, 메뉴 바 + 프롬프트: 검은 노트북 베젤 밴드(y425–475, 상단 하이라이트 #686866) 위의 흰색 페이지, 다크 네이비 메뉴 바(y477–538), 아래 배경화면 = 파란 하늘 그라디언트와 가는 흰색 라인 아트(큰 원 하나, 수평선 두 개, 수직선 하나, 교차점의 네 점 스파클, 오른쪽 상단의 부드러운 청록 글로우). 메뉴 바 오른쪽 클러스터는 흰색: Wi-Fi, 배터리, 토글, x531–584의 제품 마크, x612, 661, 709의 ⌀36 점 3개 #2F6BFF / #3CC8F0 / #4ED6A0, "Mon Jun 22 9:41 AM" 34px. 블러 3px로 진입하여 f110까지 안정. 커서가 아래에서 상승(f102), 마크에 앉고, f113–117에 누름. 카메라는 f115–130에 콘텐츠를 오른쪽으로 +125px 팬(가장 빠른 f118–120). 프로스트 글라스 상자(하늘 위의 백청색 유리, 밝은 상단 림, 반경 60)가 f116에 마크 아래에서 튀어나옴: 너비는 f126에 744로 최고, f138까지 x196–922, y568–797에 726x228로 안정. 프롬프트는 f121(첫 번째 읽을 수 있는 "Make ")부터 f150(완료)까지 약 1문자/프레임으로 타이핑, 2–3문자마다 1프레임 홀드; 캐럿은 항상 켜짐; 하단에 흰색 윤곽선 아이콘 3개; 보내기 버튼 #2F6BFF ⌀51에 흰색 위쪽 화살표. f136부터 전체 장면이 위로 드리프트하며 가속, 휩틸트로(f158에서 ≈25px/프레임 이동, 수직 블러 ≈6–8px) 페이지가 f154–158에 #E6F4FE로 틴트. S4 f159–186, 답변 페이지: 라이트 코스 레슨 페이지(브레드크럼, 제목, 본문): 텍스트 열 x120, 본문 47px Inter 400 회색 #BCBCBA, 줄 피치 58, 핵심 문구 하나("frame for frame")는 검은색 600. 420px 낮게 번져서 도착, 오프셋 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180)으로 위로 스크롤, 이후 f186까지 −6px 크립. 블러 24px (f159) → 1.5 (f165) → 0. 플래시 #E2F4FE가 f165까지 #FDFDFB로 페이드. 위를 가리키는 커서가 스크롤을 타고 핵심 문구 아래(≈(450,591) f180)에 멈춘 후 오른쪽으로 드리프트. S5 f187–214, 카드: 흰색 카드(x203–878, 하단으로 벗어남)가 페이지 위로 상승: 커버 이미지 627x536 인셋 24px, 반경 64, 상단 중앙의 라이트 그래버 바, 캡션 세미볼드 38px 검정, 서브 캡션 회색 23px. 커버 상단 y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), 이후 프레임당 ~4px씩 계속 위로 드리프트. 카드 블러는 f189에 3.8px로 최고, f201까지 선명, 뒤의 페이지는 ≈2.5px로 블러. 종료 f207–214: 카드가 ~5% 축소 및 상승하는 동안 전체 프레임 블러 1 → 7px; 블러 피크에서 컷. S6 f215–244, 두 카드: 흰색 페이지, 두 개의 스택 카드 538x348(반경 57, 간격 36)이 x540 중앙, 상단 카드는 f230까지 y168에 안정, 하단 카드는 y552. 각각: 커버 아트(텍스트 없음), 왼쪽 상단의 프로스트 알약("Module 3" / "Module 5"), 오른쪽 상단의 프로스트 라운드 "•••", 하단 가장자리를 따라 거대한 볼드 타이틀(글자에 클립된 이미지의 블러 처리되고 밝아진 사본, 카드 하단 가장자리로 잘림): "Launch" 및 "Sound". 둘 다 블러 12px로 진입하여 f224까지 선명; 상단 카드는 8% 크게 진입하여 y264에서 상승; 하단 카드는 y927에서 상승, 뒤에 지연. f230–238에 프레임당 3px씩 위로 드리프트, 이후 가속하여 블러 아웃되어 컷. S7 f245–300, 로고 디스크: 페이지 #FDFDFB, 디스크 ⌀168 #F6F6F6에 다크 마크, 중앙으로 상승(상단 y569 f245 → 491 f250 → 468 f255 → 456 f269) 컷 프레임에 수직 스미어, f269–287에 정지(유일한 정지 구간), 이후 가속하여 f300에 ⌀123으로 축소. S8 f301–359, 엔드 카드: 검은 방사형 배경(#020204 모서리, 워드 주위 ≈#272729), 워드마크 Inter 600, 흰색 #F3F3F5에 타이트 글로우와 넓은 소프트 헤일로, 중앙 (540,540). 워드 너비: ≈1650px f301(수평 스미어, 줌 스트릭) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342(≈1px/프레임 축소) → 492 f350, 이후 ease-in으로 붕괴: 450 f355 → 267 f359 블러 3.5px로 상승. 필름은 붕괴 중간에 끝남. </structure> <build> 1. 하나의 HTML 페이지, 1080x1080, seek(t)가 프레임 번호의 순수 함수로 그리기. CSS 전환 없음, 타이머 없음, Math.random 없음(시드 해시만). 샷은 {f0, f1, render(localFrame)}로 등록. 2. 모든 값은 프레임 번호에서 연속적(59.94 마스터는 반 프레임을 렌더링): 키프레임 테이블 kf(frame, [[f, value], ...], ease) 및 선형 보간이 있는 프레임별 룩업 테이블로 애니메이션. 모션에 Math.floor 없음. 3. 블러: 원형 블러는 CSS filter blur, 방향성 스미어는 별도의 x/y stdDeviation이 있는 SVG feGaussianBlur. 엔드 카드의 줌 스미어 = 워드의 20–30배 스케일, 페이드된 사본. 프로스트 글라스 = 뒤에 있는 것의 블러 처리되고 밝아진 사본, 모양에 클립. 4. 커서: 하나의 SVG macOS 화살표(검은 채움, 흰색 윤곽선, 소프트 섀도) 회전 및 스케일 포함, S1, S3, S4에서 재사용. 5. 사운드(음성 없음), 정확히 12.075초: 124 BPM 음악, 소프트 인트로, 2.47초(비트 5, f72 컷이 2프레임 앞섬)의 드롭. 합성 SFX: 소프트 임팩트 0.10초; 컷 2.402, 3.370, 5.305, 10.043초에서 피크인 우시; 정확히 6.240초와 8.175초의 트랜지션 히트; 2.33초와 3.83초의 클릭; 4.04–5.00초에 약 32ms마다 매우 조용한 키 틱; 10.05초의 소프트 샤이머. 마스터 −14 LUFS, 트루 피크 −1 dBTP, 마지막 60ms를 제외한 페이드 없음. 6. Playwright로 렌더링(프레임당 스크린샷 1장, 글꼴 먼저 로드), H.264 yuv420p 60000/1001로 인코딩, 오디오 먹싱. </build> <gotchas> 글꼴이 로드된 후에만 텍스트를 측정. 긴 제품 이름은 5글자 이름이 들어갈 자리에 맞지 않음: 전체 잠금 장치(디스크 간격, 이름, 알약)를 x474–1063 범위에 맞게 스케일, 알약이 프레임 밖으로 떨어지지 않게. 흰색 궤도 사각형은 1px 가장자리와 희미한 그림자 없이는 흰 페이지에서 사라짐. S6 카드 안에 자체 텍스트가 있는 이미지를 넣지 말 것, 그렇지 않으면 글라스 타이틀이 이중으로 보임. 비트에 맞지 않아도 컷 프레임을 정확히 유지. S7 f269–287 외에는 아무것도 정지하지 않음. 무거운 블러 테이블은 모양을 완전히 지울 수 있음: 프레임이 비어 보이면 모양이 읽힐 때까지 블러를 낮춤. </gotchas> <start> 입력을 요청하세요. 그런 다음 전체 필름을 렌더링하기 전에 스틸 4장(f40 창 안의 헤더, f86 아이콘 크로스, f150 완성된 프롬프트, f230 두 카드)을 보여주세요. </start>