Ui float on black

ライブラリのうち31フレームがUi float on blackに一致し、14ブランドの動画17本にまたがっています。どれも動画そのものから計測したもので、説明文から読み取ったものではありません。つまりこれは、スタイルガイドが説くあるべき姿ではなく、実際にどう使われているかです。

このページにレンダリング画像も機材リストもありません。下にあるのはどれも実際に見に行ける動画の本物の1秒であり、どの数値もサンプルからの推定ではなく実フレームを数えたものです。

フレーム: 31
動画: 17
ブランド: 14
カット間隔の中央値: 3.5秒

最も多く撮っているのは

各ブランドがこの切り口にどれだけフレームを出しているかの順です。

Framer 9フレーム Runway 5フレーム Perplexity 4フレーム Webflow 2フレーム Google 2フレーム Nikita Bier 1フレーム

Framer Framer: Stop Waiting. Start Shipping. at 0:05

FramerFramer: Stop Waiting. Start Shipping.

0:05

Pika Labs Introducing Pika 1.0, An Idea-to-Video Platform at 0:01

Pika LabsIntroducing Pika 1.0, An Idea-to-Video Platform

0:01

Nikita Bier Ladies and gentlemen, today we're launching one of our biggest change... at 0:19

Nikita BierLadies and gentlemen, today we're launching one of our biggest change...

0:19

Runway Aleph 2.0 is here. Now you can edit a single frame in your video, pre... at 0:37

medium presenter

RunwayAleph 2.0 is here. Now you can edit a single frame in your video, pre...

0:37

Runway Aleph 2.0 is here. Now you can edit a single frame in your video, pre... at 0:37

medium presenter

RunwayAleph 2.0 is here. Now you can edit a single frame in your video, pre...

0:37

Cursor Cursor now shows you demos, not diffs. Agents can use the software t... at 1:16

CursorCursor now shows you demos, not diffs. Agents can use the software t...

1:16

Perplexity Introducing Deep Research on Perplexity. Deep Research lets you gene... at 0:19

PerplexityIntroducing Deep Research on Perplexity. Deep Research lets you gene...

0:19

Perplexity Introducing Deep Research on Perplexity. Deep Research lets you gene... at 0:22

PerplexityIntroducing Deep Research on Perplexity. Deep Research lets you gene...

0:22

Perplexity Introducing Deep Research on Perplexity. Deep Research lets you gene... at 0:25

PerplexityIntroducing Deep Research on Perplexity. Deep Research lets you gene...

0:25

Webflow Welcome to Webflow: Build, Launch, Optimize at 0:02

WebflowWelcome to Webflow: Build, Launch, Optimize

0:02

Webflow Welcome to Webflow: Build, Launch, Optimize at 0:06

WebflowWelcome to Webflow: Build, Launch, Optimize

0:06

Vercel You can just ship things. at 0:10

VercelYou can just ship things.

0:10

Runway Create compositing mattes in seconds with Aleph 2.0 Mattes let you i... at 0:46

RunwayCreate compositing mattes in seconds with Aleph 2.0 Mattes let you i...

0:46

Runway Create compositing mattes in seconds with Aleph 2.0 Mattes let you i... at 0:49

RunwayCreate compositing mattes in seconds with Aleph 2.0 Mattes let you i...

0:49

Runway Create compositing mattes in seconds with Aleph 2.0 Mattes let you i... at 0:52

RunwayCreate compositing mattes in seconds with Aleph 2.0 Mattes let you i...

0:52

Framer Framer Update: Interactive Shaders at 0:52

FramerFramer Update: Interactive Shaders

0:52

Framer Framer Update: Interactive Shaders at 0:55

FramerFramer Update: Interactive Shaders

0:55

Framer Framer Update: Interactive Shaders at 0:58

FramerFramer Update: Interactive Shaders

0:58

Framer Framer Update: Interactive Shaders at 1:01

FramerFramer Update: Interactive Shaders

1:01

Framer Framer Update: Interactive Shaders at 1:04

FramerFramer Update: Interactive Shaders

1:04

Framer Framer Update: Interactive Shaders at 1:07

FramerFramer Update: Interactive Shaders

1:07

Framer Framer Update: Interactive Shaders at 1:10

FramerFramer Update: Interactive Shaders

1:10

Framer Framer Update: Interactive Shaders at 1:13

FramerFramer Update: Interactive Shaders

1:13

Google How to use Agent in Google Flow | Find Your Flow at 0:43

GoogleHow to use Agent in Google Flow | Find Your Flow

0:43

Google How to use Agent in Google Flow | Find Your Flow at 0:49

GoogleHow to use Agent in Google Flow | Find Your Flow

0:49

Tanay Kothari We will give you a Porsche GT 3 RS if you can type faster than @Wispr... at 0:22

Tanay KothariWe will give you a Porsche GT 3 RS if you can type faster than @Wispr...

0:22

Linear Introducing coding sessions. Linear Agent can now triage issues, inv... at 3:16

LinearIntroducing coding sessions. Linear Agent can now triage issues, inv...

3:16

Marques Brownlee iPhone 16/16 Pro Review: Times Have Changed! at 0:37

Marques BrownleeiPhone 16/16 Pro Review: Times Have Changed!

0:37

Perplexity 1. Upload a photo. 2. Get turned into a Perplexity-style portrait. 3.... at 0:00

Perplexity1. Upload a photo. 2. Get turned into a Perplexity-style portrait. 3....

0:00

Supabase Getting Started with Supabase Locally at 0:10

SupabaseGetting Started with Supabase Locally

0:10

Product Fit Quick introduction at 0:10

corner inset

Product FitQuick introduction

0:10

これで全 31 枚です。