모션 디자인 30

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. "작은 습관이 큰 회사를 만든다"라는 문장이 단어 하나씩 화면에 들어와 완성된다. 색은 검정, 미색, 강한 주황 한 가지로 제한하고, 굵고 폭이 좁은 고딕 글꼴을 쓴다. 박자 하나가 장면 전체를 이끈다. 단어가 박자마다 하나씩 화면을 꽉 채우며 들어오는데, 확대, 옆에서 미끄러짐, 위에서 떨어짐, 회전, 글자별 튀어나옴처럼 단어마다 등장 방식이 다르다. 이어서 카메라가 돌며 다섯 단어가 탑처럼 쌓였다가, 나머지 단어는 사방으로 흩어지고 "습관" 한 단어만 크게 남으며 배경이 주황으로 바뀐다. 단어가 부딪힐 때마다 화면이 흔들리고 주황빛이 번쩍이며, 뒤쪽에는 문장 전체가 사선 띠로 지나간다. 빠르게 움직여도 모든 단어는 최소 0.4초 동안 읽을 수 있어야 하고, 등장, 쌓기, 마지막 정지 장면이 서로 분명히 달라 보여야 한다. 글자와 도형은 모두 코드로 그리고 시스템 글꼴만 쓴다. 외부 파일과 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 가상의 회사 다섯 곳의 10년 치 매출이 가로 막대로 순위를 다툰다. 색은 남색, 민트, 코랄을 쓰고, 따뜻한 종이색 바탕에 가는 격자선과 폭이 일정한 숫자를 쓴다. 연도 카운터 하나가 장면 전체를 이끈다. 해마다 막대가 자라며 순위가 바뀌고, 도전자가 오랫동안 1위였던 회사를 추월하고, 최종 순위가 정해지기 전에 한 번 더 자리가 바뀐다. 막대 옆 숫자는 부드럽게 올라간다. 순위가 바뀌는 순간을 모두 따라갈 수 있어야 하고, 변화가 적은 해, 추월 장면, 최종 순위가 서로 분명히 달라 보여야 한다. 숫자는 예시 데이터라고 화면에 밝히고, 모든 그림은 코드로 그린다. 외부 파일과 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 공항 안내판 같은 글자판 두 줄에 "신제품 출시"와 "10.30 09:00"이 나타난다. 색은 검정 판, 흰 글자, 노랑 강조 한 가지를 쓴다. 모든 글자는 위아래 두 쪽으로 나뉜 플랩 판에 넣고, 판이 접히며 넘어가게 한다. 글자판 회전 한 번이 장면 전체를 이끈다. 모든 판이 무작위 글자로 빠르게 넘어가다가, 왼쪽부터 한 칸씩 목표 글자에 멈추고, 두 줄이 모두 맞으면 아랫줄이 노랗게 바뀌며 밑줄이 그어진다. 판이 멈출 때마다 살짝 튕긴다. 최종 문장은 2초 이상 머물러야 하고, 회전, 정렬, 공개 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 스위스 타이포그래피 포스터 한 장이 움직이며 완성된다. 색은 미색 바탕에 검정과 빨강 두 가지만 쓴다. 굵은 산세리프 글꼴과 6단 격자를 쓰고, 모든 요소를 격자선에 맞춘다. 격자 하나가 장면 전체를 이끈다. 가는 격자선이 먼저 그려지고, 빨간 사각형과 검은 원이 칸에 들어와 자리 잡고, "형태는 격자를 따른다" 세 단어가 아래에서 올라와 왼쪽 정렬로 맞춰진다. 마지막에 격자선이 사라지고 작은 번호 하나가 오른쪽 위에 찍힌다. 요소가 많아도 위계가 분명해야 하고, 격자, 배치, 정렬 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 어두운 터미널 창에서 AI 에이전트가 주간 보고서를 만든다. 색은 짙은 남색 바탕에 흰 글자를 쓰고, 초록과 하늘색은 상태 표시에만 쓴다. 고정폭 글꼴과 깜빡이는 커서를 쓴다. 명령 하나가 장면 전체를 이끈다. "agent run weekly-report" 명령이 한 글자씩 입력되고, 작업 네 줄이 차례로 찍히며 각 줄 끝에 ok가 붙고, 진행 막대가 끝까지 차면 완료 문장과 저장된 파일 이름이 나온다. 작업 중에는 줄 끝에서 작은 회전 표시가 돈다. 글자가 빨리 지나가도 각 줄을 읽을 수 있어야 하고, 입력, 실행, 완료 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 누적 사용자 수가 0에서 10,000까지 올라가는 숫자 하나가 화면 가운데를 채운다. 색은 짙은 남색 바탕에 미색을 쓰고, 강조는 주황 한 가지로 한다. 숫자는 자리마다 칸이 나뉜 계기판처럼 위로 굴러 올라가게 한다. 숫자 하나가 장면 전체를 이끈다. 처음에는 빠르게 돌다가 목표에 가까워질수록 느려지고, 10,000에 닿는 순간 숫자가 주황으로 바뀌며 크게 튀고, 아래에 "돌파!" 표시가 붙는다. 돌파하는 순간 색종이가 가운데에서 터진다. 숫자는 예시라고 화면 구석에 밝히고, 멈춘 숫자는 2초 이상 머물러야 하며, 카운트, 돌파, 강조 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 작은 아이소메트릭 마을에서 온라인 주문이 휴대폰 터치부터 현관 도착까지 이동하는 과정을 보여 준다. 색은 연한 파랑, 크림, 귤색을 쓰고, 평면 음영과 긴 그림자를 넣는다. 주문 한 건이 장면 전체를 이끈다. 휴대폰 화면이 빛나고, 소포가 컨베이어를 타고 창고로 들어가고, 트럭이 소포를 싣고 거리를 지나, 소포가 현관에 내려지면 창문에 불이 켜진다. 깜빡이는 신호등과 돌아가는 바퀴가 마을에 움직임을 더한다. 소포의 위치는 언제나 쉽게 따라갈 수 있어야 하고, 주문, 이동, 도착 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 흰 종이 위에서 끊기지 않는 검은 선 하나가 그림을 그린다. 강조색은 형광 노랑 하나만 쓰고, 종이 질감을 옅게 넣는다. 생각 하나가 장면 전체를 이끈다. 선이 엉킨 낙서로 문제를 그리고, 그 낙서가 전구로 바뀌고, 다시 로켓으로 바뀌어 종이 위로 날아오른다. 모든 선은 펜 끝이 앞장서서 그리고, 선 굵기는 필압처럼 조금씩 달라진다. 그림이 바뀌기 전에 각 그림을 알아볼 수 있어야 하고, 엉킨 낙서, 아이디어, 발사 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 종이를 오려 만든 숲이 새벽에 깨어난다. 색은 여러 단계의 초록, 해돋이 주황, 크림을 쓰고, 찢은 가장자리와 부드러운 그림자를 넣어 초당 12장짜리 스톱모션처럼 보이게 한다. 해돋이 하나가 장면 전체를 이끈다. 종이 층들이 푸른 그늘 속에 있다가, 해가 떠오르면서 층마다 조금씩 벌어지고, 여우 한 마리가 빈터를 가로지르는 동안 새들이 나무에서 날아오른다. 모든 층은 장마다 손으로 옮긴 것처럼 조금씩 흔들린다. 층 사이의 깊이가 잘 보여야 하고, 밤, 떠오르는 빛, 환한 아침이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 가상의 대륙이 있는 지도 위에서 본사, 공장, 고객 세 거점이 경로로 이어진다. 색은 연한 바다색, 모래색, 주황 세 가지를 쓴다. 평면으로 칠한 지도에 가는 위도선과 경도선을 옅게 넣고, 경로는 점선으로 그린다. 화물 한 번의 이동이 장면 전체를 이끈다. 본사 핀이 떠오르고, 점선 경로가 곡선을 그리며 공장을 거쳐 고객까지 이어지는 동안 작은 비행기가 그 위를 따라가고, 고객 핀에 닿으면 물결이 퍼진다. 비행기는 경로 방향으로 기울고, 핀은 도착할 때마다 튀어 오른다. 경로가 지금 어디까지 왔는지 언제나 보여야 하고, 출발, 이동, 도착 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 파란 설계 도면 위에 원통형 스피커 하나가 그려진다. 색은 짙은 파랑 바탕에 흰 선을 쓰고, 강조는 옅은 하늘색 하나로 한다. 모눈 격자와 가는 선, 고정폭 숫자로 설계 도면 질감을 낸다. 도면 한 장이 장면 전체를 이끈다. 흰 선이 받침, 본체, 뚜껑, 다이얼 순서로 그려지고, 부품이 위아래와 옆으로 벌어지며 분해되고, 치수선과 부품 이름이 차례로 붙는다. 오른쪽 아래에는 도면 번호가 적힌 표제란이 있다. 선이 많아도 부품 구분이 분명해야 하고, 도면, 분해, 치수 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 고객 문의가 처리되는 순서도가 그려진다. 색은 흰 바탕에 남색 선을 쓰고, 지나간 경로만 청록으로 칠한다. 모눈 위에 둥근 상자, 마름모, 화살표를 가는 선으로 그린다. 문의 한 건이 장면 전체를 이끈다. "문의 접수" 상자에서 시작해 "긴급한가?" 마름모와 "즉시 연결", "티켓 등록" 두 상자, "답변 완료" 상자가 화살표로 차례로 그려지고, 점 하나가 "아니요" 경로를 따라 내려가 답변 완료에 닿으면 체크 표시가 뜬다. 점이 지나간 상자와 선은 청록으로 바뀐다. 상자가 늘어나도 순서를 따라갈 수 있어야 하고, 그리기, 진행, 결론 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 짙은 남색 바탕 위에 보라, 복숭아색, 하늘색의 부드러운 액체 덩어리가 떠다닌다. 유리 같은 반사광과 옅은 필름 입자를 넣는다. 느린 호흡 하나가 장면 전체를 이끈다. 덩어리들이 흩어져 떠다니다가, 부풀며 하나로 합쳐지고, 단순한 앱 아이콘 모양으로 자리 잡은 뒤 짧은 로고 글자가 서서히 나타난다. 움직임은 끊김 없이 느리게 이어지고, 갑작스러운 장면 전환은 넣지 않는다. 합쳐지는 순간이 잘 보여야 하고, 흩어진 상태, 합쳐지는 순간, 멈춘 로고 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 낡은 VHS 테이프로 재생되는 심야 프로그램의 오프닝이다. 색은 마젠타, 시안, 검정, 흰색을 쓰고, 주사선, 색 번짐, 트래킹 노이즈, 화면 속 시간 표시를 넣는다. 테이프 재생 한 번이 장면 전체를 이끈다. 지직거리는 노이즈가 걷히고, 네온 제목이 깜빡이며 켜져 밝아졌다 어두워지기를 반복하고, 테이프가 일그러지며 되감긴 뒤 로고에서 멈춘다. 화면 구석에는 실제 비디오 데크처럼 재생 상태 표시가 나타난다. 화면이 일그러져도 제목은 읽혀야 하고, 노이즈, 깨끗하게 멈춘 제목, 마지막 글리치가 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 비 오는 밤, 불 켜진 16비트 픽셀 아트 편의점이 배경이다. 160×90 격자에 그린 뒤 선명하게 확대하고, 색은 16가지로 제한한다. 손님 한 명의 방문이 장면 전체를 이끈다. 빈 가게 앞에 비가 내리고, 손님이 걸어 들어가고, 손님이 물건을 고르는 동안 선반이 반짝이고, 손님이 빨간 우산을 쓰고 나가는 동안 네온 간판이 깜빡인다. 모든 움직임은 한 칸 단위로 끊어서 움직인다. 작은 크기에서도 캐릭터를 알아볼 수 있어야 하고, 빈 가게, 방문, 손님이 떠난 조용한 거리가 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 어두운 벽돌 벽에 커피잔 그림과 "영업 중" 글자 네온사인이 걸려 있다. 색은 어두운 바탕에 분홍과 하늘색 두 가지를 쓴다. 모든 선을 굵은 유리관처럼 그리고, 켜지면 빛이 둘레로 번지게 한다. 전원 한 번이 장면 전체를 이끈다. 꺼진 회색 유리관만 보이다가, 커피잔과 김이 먼저 켜지고, 글자가 한 자씩 지직거리며 켜진 뒤, 마지막에는 글자 하나가 고장 난 것처럼 가끔 깜빡인다. 아래 젖은 바닥에 네온이 거꾸로 비친다. 빛이 번져도 글자는 읽혀야 하고, 꺼짐, 점등, 깜빡임 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 검은 공간에서 빛 입자 700개가 모여 "AI" 글자와 둥근 테를 이룬다. 색은 검정 바탕에 청록에서 보라로 바뀌는 빛을 쓴다. 모든 형태를 작은 빛점 수백 개로 그리고, 겹치면 더 밝아지게 한다. 모임과 흩어짐 한 번이 장면 전체를 이끈다. 입자들이 제각기 떠다니다가, 한꺼번에 끌려와 글자와 둥근 테를 이루고, 잠시 머문 뒤 다시 바람에 날리듯 흩어진다. 모여 있는 동안 입자들이 숨 쉬듯 조금씩 흔들린다. 글자가 완성된 순간에는 형태가 또렷해야 하고, 떠다님, 모임, 흩어짐 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 원, 삼각형, 사각형, 반원이 모여 로고가 된다. 색은 미색 바탕에 빨강, 노랑, 파랑, 검정만 쓴다. 장식 없는 평면 도형과 굵은 산세리프 글꼴을 쓴다. 도형 네 개의 조립이 장면 전체를 이끈다. 도형들이 화면 네 방향에서 들어와 흩어진 구도를 만들고, 서로 미끄러지고 돌며 한 덩어리로 맞물리고, 옆에 "형태 연구소"라는 글자가 나타나 로고가 완성된다. 도형이 맞물릴 때마다 살짝 튕긴다. 도형 수가 적어도 구도가 단단해 보여야 하고, 등장, 조립, 로고 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 비 오는 도쿄 교차로가 검정, 빨강, 청록, 흰색으로 살아난다. 판을 거칠게 파낸 선과 눈에 보이는 인쇄 입자를 살린다. 신호 한 주기가 장면 전체를 이끈다. 우산들이 기다리다가, 도로를 대각선으로 한꺼번에 건너고, 차가 다시 달리기 시작하면 빠져나간다. 발걸음이 칼자국 같은 물웅덩이 반사를 흩뜨리고, 머리 위로 전철이 지나간다. 붐비는 움직임도 읽기 쉬워야 하고, 기다림, 횡단, 잠깐 비는 거리가 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 한국 수묵화 스타일로 산골짜기가 나타난다. 결이 보이는 한지 위에 검은 먹, 여러 겹의 회색 먹, 붉은 낙관 하나만 쓴다. 붓질 하나가 장면 전체를 이끈다. 먹 방울이 번져 안개가 되고, 진한 먹에서 옅은 먹 순서로 능선이 그려지고, 작은 배가 강을 건너는 동안 붉은 낙관이 구석에 찍힌다. 모든 가장자리에서 먹이 부드럽게 번지고, 빈 종이도 그림의 일부로 남긴다. 화면이 여유 있게 보여야 하고, 빈 종이, 번지는 먹, 완성된 그림이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 만화책 한 칸 안에서 폭발 효과와 말풍선이 터진다. 색은 노랑, 빨강, 하늘색, 검정 네 가지 원색을 쓴다. 배경을 크기가 점점 커지는 망점으로 채우고, 모든 도형에 굵은 검은 윤곽선을 두른다. 장면 하나가 세 박자로 진행된다. 만화 칸이 튀어나오며 집중선이 퍼지고, 가운데에서 별 모양 폭발과 "쾅!" 글자가 터지고, 마지막에 "이거다!"라고 적힌 말풍선이 튀어나온다. 폭발할 때 화면이 짧게 흔들린다. 글자는 크고 굵게 써서 한눈에 읽혀야 하고, 칸, 폭발, 대사 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 노을빛 막 뒤로 그림자 인형극이 펼쳐진다. 색은 주황에서 붉은색으로 번지는 바탕과 검은색 두 가지를 쓴다. 모든 사물은 세부 없이 윤곽만 있는 그림자로 그리고, 뒤에서 촛불처럼 빛이 약하게 일렁이게 한다. 해 지는 시간 하나가 장면 전체를 이끈다. 해가 언덕 뒤로 내려가는 동안, 짐을 멘 여행자가 왼쪽에서 오른쪽으로 걸어가고, 하늘이 어두워지면 달과 별이 뜬다. 여행자가 지날 때 새 한 마리가 머리 위로 날아간다. 그림자끼리 겹쳐도 동작이 읽혀야 하고, 해질녘, 여정, 밤 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 밤하늘에서 별을 이어 고래 모양 별자리를 만든다. 색은 짙은 남색 바탕에 흰색과 옅은 금색을 쓴다. 형태를 크기가 다른 빛점과 가늘게 빛나는 연결선으로 그린다. 선 하나가 장면 전체를 이끈다. 배경 별이 반짝이는 동안 고래를 이룰 큰 별들이 하나씩 밝아지고, 선이 별에서 별로 차례로 이어지며 고래 윤곽이 생기고, 마지막에 고래 안쪽이 옅게 빛나며 완성된다. 완성 직후 별똥별 하나가 대각선으로 지나간다. 선이 이어지는 순서를 따라갈 수 있어야 하고, 별, 연결, 완성 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 빨간 색종이 한 장이 접혀 종이학이 되고 날아간다. 색은 미색 바탕에 빨강 한 가지를 쓰고, 면마다 밝기만 달리한다. 종이는 접힌 면마다 밝기가 다른 다각형으로 그리고, 바닥에 부드러운 그림자를 둔다. 접기 한 번이 장면 전체를 이끈다. 마름모 모양 종이가 반으로 접혀 삼각형이 되고, 면이 하나씩 접히며 학 모양으로 바뀐 뒤, 날개를 퍼덕이며 오른쪽 위로 날아간다. 학이 떠오를수록 바닥 그림자가 작아진다. 접히는 순서를 따라갈 수 있어야 하고, 접기, 모양, 날기 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 말하는 사람의 실루엣 아래로 굵은 자막이 한 단어씩 나타난다. 색은 어두운 바탕에 흰 자막을 쓰고, 강조는 노랑과 연두 두 가지로 한다. 자막은 굵은 고딕 글꼴에 두꺼운 검은 외곽선을 두른다. 말하는 속도가 장면 전체를 이끈다. "AI가 일하는 방식을", "완전히 바꾸고 있어요", "지금 시작해도", "늦지 않았어요" 네 줄이 차례로 나오고, 단어가 0.3초마다 하나씩 튀어나오며 지금 말하는 단어만 노란 상자로 강조된다. 핵심 단어 "완전히"와 "않았어요"는 강조색으로 남는다. 자막은 화면 아래 3분의 1 안에 두고 한 줄을 넘기지 않으며, 등장, 강조, 전환 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 휴대폰 메신저 화면에서 팀장과 팀원이 대화한다. 색은 흰 화면에 회색 말풍선과 파란 말풍선을 쓴다. 말풍선은 둥근 모서리로 그리고, 상대 말풍선은 왼쪽, 내 말풍선은 오른쪽에 둔다. 대화 한 번이 장면 전체를 이끈다. "내일 발표 자료 다 됐어?", "아직 반도 못 했어요", "AI한테 초안 맡겨 봐"가 차례로 올라오고, 잠시 뒤 "벌써 끝났어요!"와 발표 자료 파일이 함께 올라오며 "역시 빠르네"로 끝난다. 말풍선이 올라오기 전에는 점 세 개가 튀는 입력 중 표시가 나온다. 말풍선이 늘어나면 위로 밀려 올라가고, 질문, 대화, 해결 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. "업무별 AI 활용 순위" 다섯 줄이 5위부터 차례로 공개된다. 색은 짙은 회색 바탕에 흰 글자, 주황 순위 번호를 쓰고, 1위만 금색으로 한다. 순위마다 큰 번호와 둥근 카드 한 장을 쓴다. 순위 공개가 장면 전체를 이끈다. 5위 회의록 정리, 4위 메일 초안, 3위 자료 조사, 2위 보고서 요약이 1초 간격으로 오른쪽에서 밀려 들어오고, 1위 자리에는 물음표가 깜빡이며 뜸을 들인 뒤, 데이터 분석이 조명을 받으며 금색으로 공개된다. 순위는 예시라고 화면 구석에 밝힌다. 각 줄은 들어온 뒤 1초 이상 읽을 수 있어야 하고, 하위권, 1위 직전, 1위 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 팟캐스트 한 장면을 표지, 파형, 자막으로 보여 준다. 색은 짙은 보라 바탕에 흰 글자를 쓰고, 파형과 강조는 분홍에서 주황으로 바뀌는 색 하나로 한다. 왼쪽에 마이크가 그려진 표지와 "주간 AI 이야기" 제목을, 오른쪽에 세로 막대 파형과 재생 시간 막대를 둔다. 말소리 하나가 장면 전체를 이끈다. 파형이 말하는 리듬에 맞춰 오르내리고 말이 쉬는 순간에는 낮아지며, 아래 자막이 "AI를 쓰는 사람은 많은데", "결국 중요한 건 도구가 아니라", "일하는 방식을 바꾸는 거예요" 순서로 바뀐다. 마지막 줄의 "일하는 방식"은 강조색으로 칠해진다. 자막은 두 줄을 넘기지 않아야 하고, 시작, 대화, 핵심 구절 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 도입 전의 어지러운 책상과 도입 후의 정돈된 대시보드를 한 화면에서 비교한다. 색은 전 화면에 누런 종이색과 빨강, 후 화면에 연한 민트와 초록을 쓴다. 전 화면은 비뚤어진 메모지와 엉킨 선으로, 후 화면은 줄 맞춘 카드와 막대그래프로 그린다. 경계선 하나가 장면 전체를 이끈다. 처음에는 전 화면만 보이다가, 손잡이가 달린 세로 경계선이 오른쪽에서 왼쪽으로 천천히 밀려가며 후 화면이 드러나고, 끝까지 밀리면 초록 체크 표시가 뜬다. 화면 위쪽에는 "전", "후" 표시가 경계선 양쪽에 붙어 따라간다. 후 화면의 숫자는 예시라고 밝히고, 두 화면의 차이가 한눈에 보여야 하며, 전, 비교, 후 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.

소리 없이 자동 재생되는 20초 영상을 HTML 파일 하나로 만들어 줘. 영상 끝에 채널 정보와 구독 버튼, 다음 영상 두 편이 나온다. 색은 거의 검은 바탕에 흰 글자를 쓰고, 버튼만 빨강으로 한다. 채널 아이콘은 둥근 원으로, 다음 영상은 재생 표시가 있는 둥근 모서리 상자로 그린다. 마무리 인사 하나가 장면 전체를 이끈다. "끝까지 봐 주셔서 고마워요" 인사가 위로 올라가며 사라지고, 채널 아이콘과 빨간 "구독" 버튼이 나타나 화살표 커서가 다가와 누르면 회색 "구독 중"으로 바뀌며 종 모양이 흔들리고, 오른쪽에서 다음 영상 상자 두 개가 밀려 들어온다. 커서가 누를 때 버튼이 살짝 눌린다. 버튼과 상자는 크게 그려 작은 화면에서도 눌러 볼 곳이 분명해야 하고, 인사, 구독, 다음 영상 장면이 서로 분명히 달라 보여야 한다. 모든 그림은 코드로 그리고, 외부 이미지와 웹사이트 UI는 넣지 않는다.