키네틱 타이포그래피 연설 시각화
'BUILD THE FLOOR'라는 제목의 20초 분량 키네틱 타이포그래피 영상을 HTML/CSS/JS로 제작하기 위한 프롬프트입니다. 타이포그래피 필드 조작, 자기 기념비적 미학, 그리고 구체적인 타이밍 및 스토리보드 지시를 통해 연설을 시각화합니다.
프롬프트
“BUILD THE FLOOR”라는 제목의 20.00초 분량 키네틱 스포큰 워드 필름을 제작하세요.
이 작업을 타이포그래피 필드 내에서 연출된 원본 미니 연설로 취급하세요. 모든 줄은 프레임의 필드를 재구성합니다. 최종 선언문은 마침내 평평해진 필드 위에 서 있어야 합니다.
SVG 및/또는 Canvas를 사용하여 1080×1080 해상도, 60fps를 목표로 하는 단일 독립형 HTML 파일을 제공하세요. 필요한 모든 자산을 포함하세요.
아트 디렉션
배경 #102820. 글자 형태 #F4E9D5. 필드 라인 및 철분 가루 #F2B544. 스트림라인, 플럭스, 뉴트럴 포인트에서의 정적을 특징으로 하는 자기 기념비적 세계관. 타이포그래피는 선명하게 유지하고, 입자는 분위기 요소로만 사용하세요. 연설에는 고대비 세리프 폰트, 핵심 단어에는 굵은 그로테스크 폰트, 플럭스 게이지에는 절제된 모노스페이스 폰트를 사용하세요. 말굽 자석, 번개, 전자 다이어그램, SF식 아크는 사용하지 마세요.
원본 연설 — 정확한 단어, 정확한 순서
“We were told to wait.”
“So we learned the weight of waiting.”
“Then one voice made room.”
“Then another.”
“Now the floor belongs to us.”
이 단어를 실제 인물에게 귀속시키지 마세요. 추가 슬로건은 금지됩니다. 오디오 없이도 전체 연설 내용을 이해할 수 있어야 합니다.
핵심 시각 규칙
단어에는 지정된 필드 역할이 부여됩니다. WAIT은 밀어내는 판이며, 글자 형태는 여기서 기울어져 커닝이 압축됩니다. WAITING은 하중으로 인해 처지는 필드 라인이며, 철분 가루는 낮은 쪽으로 흐릅니다. VOICE는 한 극성이 반전되어 필드가 재구성되고 글자가 이를 따라 똑바로 서게 됩니다. ROOM은 필드 내부의 정적인 눈인 뉴트럴 포인트입니다. FLOOR는 수평면으로 평평해진 필드입니다. 이러한 역할은 일러스트가 아닌, 필드에 반응하는 실제 글자 형태에서 자연스럽게 드러나야 합니다.
스토리보드
0.00–3.00 — “We were told to wait.” 문장이 WAIT 판에서 멀어지며 기울어지고, 스트림라인은 판에 대해 압축됩니다. 가용 공간이 판 쪽에서 좁아지지만, 문장은 눌린 상태에서도 읽기 가능하고 온전한 상태로 유지됩니다.
3.00–6.50 — “So we learned the weight of waiting.” 구문 그룹별로 노출하세요. 각 구문이 나올 때마다 필드 라인이 더 깊게 처집니다. 해시 시드로 결정되는 철분 가루는 스트림라인을 따라 낮은 쪽으로 흘러 모여듭니다. WAITING 글리프는 매달린 하중처럼 필드 내부에 기울어진 채로 떠 있습니다.
6.50–10.00 — “Then one voice made room.” VOICE가 등장하며 한 극성이 반전됩니다. 필드가 재구성됩니다: 기존 스트림라인은 대시 오프셋으로 축소되고 새로운 스트림라인이 그려집니다. 글자들은 새로운 필드를 따라 똑바로 회전합니다—글리프 전체의 분석적 회전이며 경로 변형(path morphing)은 아닙니다. ROOM은 뉴트럴 포인트인 정적인 눈으로 열립니다. ROOM의 O 안에 있는 카운터(counter)가 중심이 되며, 다음 구성은 그 안에서 차분하게 자리 잡습니다.
10.00–12.50 — “Then another.” 두 번째 극성이 나타납니다. 필드가 대칭이 되고 모든 글자가 수직으로 섭니다. 베이스라인이 처음으로 완벽한 수평을 이룹니다. 최소한 2.5초 동안 절대 정지를 유지하세요.
12.50–20.00 — “Now the floor belongs to us.” 필드가 수평면으로 완전히 평평해집니다. 텍스트가 이 평평한 필드 위에 안정적으로 배치되며, 마지막 선언문이 명확하게 전달되도록 합니다.
이 프롬프트 사용법
- 1
위의 전체 프롬프트를 복사하세요.
- 2
Claude Opus 5.5을 지원하는 플랫폼(예: YouMind)을 열고 프롬프트를 붙여넣으세요.
- 3
원하는 아이디어에 맞게 주제, 스타일, 세부 정보를 바꾼 뒤 생성하세요.
이것은 YouMind 프롬프트 라이브러리의 무료 AI 프롬프트입니다. 복사하고 변형해 쓸 수 있는 수천 개의 동영상 프롬프트가 더 있습니다.
더 많은 동영상 프롬프트 보기더 많은 프롬프트 기능
AI 라이브러리
AI 프롬프트 검색
AI가 수만 개의 프롬프트를 검색해줍니다. 모델·기간·키워드로 필터링하고 노출, 북마크, 리포스트 등 인기 지표로 정렬할 수 있어요.
비전 도구
이미지를 프롬프트로
어떤 사진이든 상세한 AI 이미지 프롬프트로 변환하세요. 무료 Image to Prompt 변환기가 구도, 스타일, 조명을 분석해 몇 초 만에 같은 느낌을 재현할 수 있습니다.
크리에이터를 위해, 영원히 무료.
YouMind는 전 세계 크리에이터가 신뢰하는 AI 창작 파트너입니다. 이곳의 모든 프롬프트는 더 빠르고 더 나은 창작을 돕기 위해 엄선되었습니다.