--- title: "Kinetic text teaser for a notch-dwelling browser app" description: "A 27-second kinetic text teaser for a notch-dwelling browser app, built with canvas, SVG, GSAP and AI imagery." canonical: "https://potto.ai/ko/videos/kinetic-text-teaser-for-a-notch-dwelling-browser-app" language: "ko" datePublished: "2026-09-24" --- # Kinetic text teaser for a notch-dwelling browser app A 27-second kinetic text teaser for a notch-dwelling browser app, built with canvas, SVG, GSAP and AI imagery. Oversized lowercase type enters word by word with an orange colorama wipe, then scales down above a fast-spinning list of hard things about working in the AI era, landing on managing your desktop with a question mark. The camera pulls back to a Mac desktop as app windows pile in from behind the camera, then pushes in so they fly past. Motion stays slow and polished on one continuous camera with gentle ease-in-out moves, motion blur, film grain and an oversized macOS cursor. - [움직이는 글자](https://potto.ai/ko/videos/kinetic-type.md) - jake11moran - 길이와 비율: 0:27 · 16:9 - 제작 도구: Canvas, SVG, GSAP, AI image - 게시일 2026. 9. 24. - skill 로 제작: [Hyperframes](https://potto.ai/ko/skills/hyperframes.md) - 원본 보기: https://x.com/jake11moran/status/2103237884564414633 ## 프롬프트 ```text Using HyperFrames, make a hype teaser for the product in this post - [link]. Landscape, around 27 seconds. Match the product UI, wallpaper and copy from the post's video Motion should feel slow and polished - one continuous camera over one Mac desktop, no hard cuts. Camera pushes, pulls and pans run like 1.5 to 3 seconds on gentle ease-in-out curves, nothing snappy - aim for half the speed you'd default to. Add motion blur on fast moves and a light film grain finish. Use an oversized macOS cursor. No audio. All on-screen copy lowercase like the post. 1. Open on a big centered line - "in the AI era, the hard part is" - entering word by word from the right with an orange colorama text wipe over it (the `colorama-wipe` registry component). Hold it about a second, then scale it down into place above a spinning list. 2. The list rotates through 30 hard things about working in the AI era - spending tokens wisely, picking the right model, managing context windows, etc - each with a real app icon. Go fast, it's not meant to be read, then land slowly on "managing your desktop". 0.2s after it lands a question mark pops on after it. 3. Pull the camera back to reveal the Mac desktop as windows pile in on top of each other, arriving from behind the camera - Claude, ChatGPT, Grok, Linear, Chrome, Spotify, Slack and Claude Code in a terminal. Build these as accurate recreations of the real apps with real icons. 4. Push back in so the windows fly past the camera, back to text - "don't make your browser / one of them". 5. Pan up to a really tight framing of just the notch and the top of the wallpaper. A cursor comes up and hovers - the notch morphs into a pill with the name "NotchBrowser", then opens into the browser panel exactly like in the video. 6. Click through the tabs like the video does, then click the collapse chevron so the panel retracts into the notch. 7. End on a checklist of the post's claims with rings and ticks drawing on ``` ## Kinetic text teaser for a notch-dwelling browser app 자주 묻는 질문 Kinetic text teaser for a notch-dwelling browser app의 제작 방식, 프롬프트 내용, 그리고 Potto로 비슷한 움직이는 글자 동영상을 만드는 방법. ### Kinetic text teaser for a notch-dwelling browser app이란? Kinetic text teaser for a notch-dwelling browser app은 jake11moran가 만든 움직이는 글자 모션그래픽 영상입니다. A 27-second kinetic text teaser for a notch-dwelling browser app, built with canvas, SVG, GSAP and AI imagery. ### Kinetic text teaser for a notch-dwelling browser app은 어떻게 만들었나요? Kinetic text teaser for a notch-dwelling browser app은 Canvas, SVG, GSAP 및 AI image로 만들었습니다. Potto의 움직이는 글자 AI 모션그래픽 영상 모음에 포함되어 있습니다. ### Kinetic text teaser for a notch-dwelling browser app의 프롬프트를 볼 수 있나요? 네. Kinetic text teaser for a notch-dwelling browser app의 전체 프롬프트가 이 페이지에 있습니다. 복사하거나, 「이 프롬프트 사용」을 눌러 Potto 작업 공간에서 여세요. ### Kinetic text teaser for a notch-dwelling browser app의 길이와 화면 비율은 어떻게 되나요? Kinetic text teaser for a notch-dwelling browser app의 길이는 0:27이고, 프레임은 16:9입니다. ### Potto로 Kinetic text teaser for a notch-dwelling browser app 같은 움직이는 글자 영상을 만들 수 있나요? 네. 「이 프롬프트 사용」을 누르면 Kinetic text teaser for a notch-dwelling browser app의 프롬프트가 Potto 작업 공간에 불러와집니다. Potto가 자체 버전을 렌더링하며, 내보내기 전에 글과 스타일을 바꿀 수 있습니다. ### Kinetic text teaser for a notch-dwelling browser app을 만드는 데 쓴 agent skill은 무엇인가요? Kinetic text teaser for a notch-dwelling browser app은 Hyperframes skill로 만들었습니다. 로그인한 뒤 「skill 보기」를 누르면 Claude Code, Codex 또는 Cursor에 무료로 설치할 수 있습니다. ### Kinetic text teaser for a notch-dwelling browser app 원본은 어디서 보나요? Kinetic text teaser for a notch-dwelling browser app 은 제작자가 처음 게시했습니다. 「원본 보기」를 클릭하면 해당 게시물이 새 탭에서 열립니다. ### Kinetic text teaser for a notch-dwelling browser app 같은 움직이는 글자 영상은 어디서 더 찾나요? Potto의 움직이는 글자 모음을 둘러보세요. 영상 85개가 있으며, 각각 프롬프트, 사양, 출처가 있습니다.