UIアニメーション
美的表現
前半は異なるデザインの観点から美的表現への期待を高め、後半は実際の操作で作り方を説明する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
watsonx｜プラットフォーム発表
同じ細い糸の材質を近景と全体で切り替え、異なる形に合わせて製品の接尾語と機能語をグループごとに展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Orbit｜カンファレンス予告
字形の構造の細部から引いて読めるタイトルを見せ、その後タイトルをぼかして背景にし、前景に日付と URL を表示する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Qwen3.8-Max：質感の変わるロゴとモデル告知
同じ三つ葉のロゴを保ち、内部の材質を切り替えてから青背景で拡大・移動し、製品名とパラメーターのための空間を空ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Pond｜システム発表
庭と蜂の群れで計算システムを表し、大文字で訴求を示しながら周囲で色付きの小さなプロセスブロックを動かし続ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
新ビジュアル｜折りたたまれるスローガン
一文を厚みのある連結した文字ブロックにする。正面は読むため、側面は虹色の材質を見せるために使い、同じ正面の姿勢へ戻ってループする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
四半期業績｜2026 Q2 の振り返り
機能ウィンドウを前景、巨大な文字のテクスチャを背景に配置し、両者の階層を混同しない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Identity Digital｜ブランドのメインビジュアル
ドメイン名のピリオドを転換の主役にする。長いURLを分解し、ピリオドを幾何学的な場面へ拡大して、最後に短い業種別の拡張子へつなげる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
TIDAL｜タイポグラフィのメインビジュアル 15秒版
15秒の中に挨拶、立場、音楽、クリエイター、リスナーの5つの強調点を残し、一度に一組の単語だけを読ませる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
K3｜オープンウェイトの予告
手書きの筆画を離散的な点へ変え、複数のネットワークを構成して知識の図集へ広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Wonderful｜資金調達発表のモーション
調達金額を視覚的な出来事として見せ、投資家と世界的な展開で成長を説明してから製品の位置付けへ戻る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
K3.1｜コピーなしのティーザー
複数のテーマをコードの帯とずれたスライスでつなぎ、物理世界とコンピューティングの関係を表す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
GPT-6 Cyber
主背景をゆっくり動かし続け、同じ位置でコピーを差し替える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
モデル発表｜GPT-6 Sol / Luna
星を放射状に引き伸ばして前進する速度感を作り、その後、太陽と三日月を順に中央へ据える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
情報のコラージュがインクの文字に
前半は大小の文字、帯、幾何図形で画面を満たし、全体を縮小してから断片を中央の単語の基準線へ集める。要素の退出と新しい文字の出現はタイミングをずらす。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
ガラスのプリズム上のFramer
タイトルを画面の中心軸に固定し、単語ごとに表示する。細長いガラスの帯を左から右へ伸ばし、最も明るい光点が少し遅れてタイトルを横切る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
新ビジュアル｜ワードマークの公開
拡大した虹色の表面からCを取り出し、空間の形を一文字へ縮め、同じ基準線に沿ってブランド名全体を展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
四半期業績｜2026 Q1 データポスター
幅の異なる巨大な文字と色面を隙間なく組み合わせ、端を切り取って密度を生む；下部の情報バーは固定する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
カンファレンス予告｜Config 2026 loading
字形の断片は最初に散らばり、その後タイトルへ集まる。進捗ラインは独立して伸び続ける；終了時は字形が先に散り、その後に進捗が完了する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
イベント公開｜Config Makeathon
冒頭のパターンと字形でイベントの特徴を示し、中盤の作品で参加によって作れるものを素早く実証し、最後に公開済みであることを伝える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Lovable — Lovable のスキル。
タイトルは基本的に固定し、周囲で大きさの異なる柔らかい図形を回転・浮遊させる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Notion Skills — ローカルのコーディングエージェントへエクスポート
まず複数のエージェント名を素早く切り替えて互換性の範囲を示し、その後、一回のエクスポートから呼び出しまでの全工程で裏付ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield · 10億ドルのマイルストーン
まず大きな数字で注意を引き、次に時間、曲線、メディアのスクリーンショットで階層的に説明する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
製品ティーザー｜Windows関連の予告
似た要望をさまざまな方向から少し傾けて重ね、要望が積み上がる圧力を表す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Claude Haiku 5.5 発表
3列の位置は固定し、内部の質感とL字の向きを段階的に切り替える；素材の切り替えをブロック全体の平行移動に置き換えない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Fable 5｜ピクセルキャラクターの帰還
キャラクターが電飾看板に到着してから製品名を1文字ずつ出し、動作と文字の出現に因果関係を持たせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
モデル発表｜Fable 5
前半で図鑑の文脈を作り、中盤では異なる素材に数字5の輪郭を共有させる；同じ質感ではなく、安定した外形によって認識させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Gemini｜ブランドワードマークの公開
旧名称の文字を粒子へ分解し、粒子を一定方向へ流してから新名称に再構成する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Grok — 21種類の新しい音声
タイトルの位置とサイズを固定し、主な動きは背景の連続した流れで作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ElevenLabs — 評価額110億ドルで5億ドルを調達
数値と裏付けで背景を作ってから実際の製品へ進み、3つの事業領域にそれぞれ固有のビジュアルシステムを使う
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Geist Serif
三角のマークから青背景の設計図へ入り、1文字の輪郭を拡大する。細線、寸法表記、制御点は筆画の構造を説明するために使い、字形を覆わない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
AI Gateway Virtual Models
まず一文で機能を説明し、タスクとモデルの対応表やコマンドを示す。説明文を重ねず、各概念の直後に具体的な使い方を置く。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
AI Grand Prix ドローンレース
分散した黒い筆画をAI–GPへ組み上げ、オレンジレッドの制御枠、交差線、位置決め点を筆画と一緒に出す。副題と主催者名を上下に揃える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
サイバーセキュリティデータ
見出しを左揃えにし、Cybersecurity Dataをオレンジで表示する。下の点群を一部から点灯させ、画面全体をオレンジに変えて大きな白い数値を急増させた後、vulnerabilitiesを出す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Directoryの無料採用データ
中央の見出しの周囲にアバターを順に出す。サイズをほぼ揃えて短い属性ラベルを付ける。見出しは2行に保ち、ブランドの行をオレンジにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
ベクターグラフィック｜公開前ティーザー
ポスター全体から惑星へ、さらに黄色い輪郭の1本の曲線へ寄る。倍率を上げ続けても縁は滑らかに保ち、同じ細部を拡大の中心にする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
新製品、新しいビジュアル
紋章、短文、リンクを中央に保ち、四隅に少量のナビゲーションを置く。青いカーソルを余白に弧を描いて通し、中央の文字へ戻して動きの焦点を一つにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
状態を示す言葉とHyperFrames
状態を示す単語を暗めの等幅文字で素早く切り替え、暗い二つの三角へ変える。ロゴを下から上へ緑で満たし、白いブランドのワードマークを展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
SUNO バージョン切り替え
Vを上、6を下に置き、オレンジの縁とピンクの内側で多層の光沢を作る。中央のブランド名は小さく固定し、バージョン文字が上下へ去ってからコントロールを見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
機能更新｜450以上の連携
オレンジのカプセルでconnect、withなどの単語をつなぎ、クリックできるプラス記号へつなげる。クリック後に複数の弧に沿ってアイコンを流入させ、数字を450まで増やす。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
生産手段を自分のものに。私たちと変革を。
極端に寄ったロゴと赤い文字を素早く小さな組み合わせへ引き、黒い画面に広い余白を残して短いブランドの登場を完成させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
TIDAL｜タイポグラフィのメインビジュアル 60秒版
コピーを主役にし、意味上の強調に合わせて短い単語を拡大し、押し込み、つなげる。菱形で文字の段落を次の配色へ押し進める。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
タイポグラフィアニメーション · 3.5秒
文字のサイズと揃え方で全体のモーションを作る。字形の一部から完全な短文へ引き、最後に移動できる動作語の列へ分ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
数字アニメーション · 6.1秒
3つの大きな数字でカウントダウンし、次に広げて3×3の数字セットを見せ、同じ系列の折れ線と角丸を示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
North 2 — 2026年10月登場
一筋の緑の光で新製品名を明かし、透明な層と暗いオーロラを控えめに保つ。最後に製品名を二つの短い約束の言葉へ変える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
90年代のブラウザコラージュ
ウェブの記憶についての一文を軸にし、知識のイラスト、初期のページを順に重ね、内容の蓄積からブラウザの時代へ自然につなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
コンテキストのリングタイトル
ごく少ない文字と細いリングで、エージェントからそれが依存するコンテキストへ注意を向ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
ロゴの集約と公開 · 8.0秒
元の図形を最小単位へ分解し、同じ色の組でロゴと名前を組み直す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Resend Inboxes
静かな暗い受信箱を手前へ出し、巨大な見出しと背面光で発表を完成させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
製品の進化を振り返る
ブランド名の位置を固定し、アイコン、バージョン番号、製品の接尾語を順に変化させ、最後に主ブランドだけへ戻す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Think｜イベントのワードマーク
ばらばらの向きの立体文字を同じ読む方向へ揃え、短く完成させた後は静かなワードマークを残す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Deezer｜Live the Musicの動く背景
背景の波形を呼吸するように動かし続け、中央の見出しは同じ位置で明瞭に保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Faculty｜グラデーションと文字のブランド訴求
ゆっくり流れる色の領域に3つの訴求を載せ、文の切り替え時だけ短く字形を崩す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Uniqode｜ドット文字の集合と拡散
ばらばらの粒子を読める一文へ組み上げ、同じ粒子で再び分解する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Wise｜書体と通貨記号のモーション
書体の由来を先に説明し、字形の細部を見せ、最後に同じ書体を異なる通貨と配色へ適用する。
参考動画のみです。編集可能なプロジェクトは含まれていません。