---
title: "Kinetic identity bumper in black, magenta and acid green"
description: "A 20-second kinetic identity bumper in black, magenta and acid green."
canonical: "https://potto.ai/ja/videos/kinetic-identity-bumper-in-black-magenta-and-acid-green"
language: "ja"
datePublished: "2026-09-25"
---

# Kinetic identity bumper in black, magenta and acid green

A 20-second kinetic identity bumper in black, magenta and acid green.

A 20-second kinetic identity bumper for TechHalla, built with canvas. The video uses a strict palette of black, magenta, acid green, and white, with kinetic typography in Archivo Black, Syne ExtraBold, and IBM Plex Mono. The sequence delivers a series of messages in a specific order, including "STOP SCROLLING" and "AI VIDEO ISN'T EXPENSIVE," with supporting mono labels such as JSON and H3. The design aims for a moving street-poster feel with misregistered color offsets on impact frames.

- [動く文字](https://potto.ai/ja/videos/kinetic-type.md)
- techhalla 作
- 長さと比率: 0:20 · 1:1
- 制作ツール: Canvas
- 公開日 2026/09/25
- オリジナルを見る: https://x.com/techhalla/status/2103411244468498547

## プロンプト

```text
You are a world-class motion designer doing a 20.00s kinetic identity bumper for TechHalla — an AI creator known for stealable workflows, not vibes. This piece must feel like the best designer in the room made a street-poster that moves. Showreel stakes: if this is weak, you don’t get hired.

DURATION: exactly 20.00 seconds. LOOPABLE: frame 0 == frame last (position, opacity, cursor if any).
FORMAT: one HTML file, 1080×1080 (square, X-native). 60fps.
PALETTE (strict):
- bg # 0A0A0A
- magenta # FF2BD6
- acid green # B8FF00
- white # F5F5F5 only for primary readable type when needed
No other hues. No gradients on UI chrome. Magenta/green may misregister (print offset) by 2–4px on impact frames only.

TYPE SYSTEM (use all three; never one font for everything):
1) Display / scream: Archivo Black (or equivalent ultra-condensed black) — 1–4 words max
2) Urban grotesque: Syne ExtraBold — secondary hits, stacked lines
3) Mono / “prompt code”: IBM Plex Mono Medium — small labels, timestamps, fake prompt crumbs
Tracking: display −40 to −80; mono +20. Optical kerning. No cute script fonts.

MESSAGE (locked — do not soften, do not add filler slogans):
Beat hits in this exact order:
1. STOP SCROLLING
2. AI VIDEO ISN’T EXPENSIVE
3. BAD PROMPTING IS
4. WORKFLOWS > WISHES
5. STEAL THE PROMPT
6. @ TECHHALLA
Supporting crumbs (mono, ≤18 chars, never full sentences): JSON · H3 · SEEDANCE · 0 KEYFRAMES · MAGNIFIC · COPY/PASTE

NARRATIVE ARC (20s):
0.0–2.5s  COLD OPEN — “STOP SCROLLING” slams in from below with spring overshoot; magenta smear trail; acid green baseline ticks across like a waveform.
2.5–6.5s  THESIS A — “AI VIDEO ISN’T EXPENSIVE” locks to a poster grid (baseline grid 8px). Letters scramble (seeded Fisher–Yates per glyph) then snap on the beat.
6.5–10.5s THESIS B — “BAD PROMPTING IS” replaces it via mask wipe through the letterforms (the outgoing line is the mask). Magenta/green channel split on the cut.
10.5–14.5s PROOF FLASH — rapid kinetic stack: WORKFLOWS > WISHES, then mono crumbs orbit a central block like a terminal. One fake “prompt block” types 3 lines max, then gets crossed by an acid green strikethrough that becomes a underline for STEAL THE PROMPT.
14.5–17.5s BRAND LOCK — @ TECHHALLA centers; display weight. A thick magenta bar and a thin acid green rule form an L-bracket mark (custom, not a logo download).
17.5–20.0s SETTLE / LOOP — hold lockup; micro-breath (scale 1.000→1.012→1.000); last frame == first ready for loop.

CONCRETE TECHNIQUES (required — implement, don’t approximate):
1. seek(t) pure function of time. No CSS transitions. No setInterval. No React state across frames.
2. Springs = closed-form step responses. Stack one spring per target change so motion stays deterministic.
3. Kinetic type: per-glyph spring (y, opacity, blur). Stagger = 1/16 note at 120 BPM (125ms).
4. Print misregistration: on accent frames only, duplicate text layer offset (±2–4px) in magenta and acid green at 40% opacity.
5. Mask reveal: destination text revealed by animating a path mask derived from the outgoing word’s outlines.
6. Camera: one orthographic camera; only punch-in (1.0→1.08) and horizontal smash-pans timed to beats — never random drift.
7. Motion blur: render 4 subframes per frame, blend (tmix-style).
8. Beat grid: 120 BPM, downbeat at t=0. Something must land on every beat for the first 16 beats; after that, every other beat is ok.
9. Pre-pass: before full render, export one still per major beat (8 frames). Fix cramped type, orphan words, low contrast — then render.

BANNED:
Generic AI clichés (brains, robots, neural nets, sparkles), soft gradients, bouncy cartoon easing, particle explosions, stock “futuristic HUD”, long paragraphs, narrator essay energy, Canva-deck energy, extra slogans beyond the locked message, purple/blue neon, glassmorphism.
```

## Kinetic identity bumper in black, magenta and acid green のよくある質問

Kinetic identity bumper in black, magenta and acid green の作り方、プロンプトの内容、そして Potto で同じような 動く文字 動画を作る方法。

### Kinetic identity bumper in black, magenta and acid green とは？

Kinetic identity bumper in black, magenta and acid green は techhalla による 動く文字 のモーショングラフィックス動画です。 A 20-second kinetic identity bumper in black, magenta and acid green.

### Kinetic identity bumper in black, magenta and acid green はどう作られましたか？

Kinetic identity bumper in black, magenta and acid green は Canvas で制作されました。Potto の 動く文字 に含まれる AI モーショングラフィックス動画です。

### Kinetic identity bumper in black, magenta and acid green のプロンプトは見られますか？

はい。Kinetic identity bumper in black, magenta and acid green のプロンプト全文がこのページにあります。コピーするか、「このプロンプトを使う」をクリックして Potto のワークスペースで開いてください。

### Kinetic identity bumper in black, magenta and acid green の長さとアスペクト比は？

Kinetic identity bumper in black, magenta and acid green の長さは 0:20、フレームは 1:1 です。

### Potto で Kinetic identity bumper in black, magenta and acid green のような 動く文字 動画を作れますか？

はい。「このプロンプトを使う」をクリックすると、Kinetic identity bumper in black, magenta and acid green のプロンプトが Potto のワークスペースに読み込まれます。Potto が独自のバージョンをレンダリングし、書き出す前に文字とスタイルを変えられます。

### Kinetic identity bumper in black, magenta and acid green のオリジナルはどこで見られますか？

Kinetic identity bumper in black, magenta and acid green は作成者が最初に投稿しました。「オリジナルを見る」をクリックすると、その投稿が新しいタブで開きます。

### Kinetic identity bumper in black, magenta and acid green のような 動く文字 動画はどこで見つかりますか？

Potto の 動く文字 コレクションを見てください。85 本あり、それぞれにプロンプト、仕様、出典が付いています。