技法

Dark mode ui capture

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

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

フレーム
39
動画
12
ブランド
11
カット間隔の中央値
22.9秒

最も多く撮っているのは

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

WorkOS 7フレームFireCut 6フレームSigurd Seteklev 6フレームFarza 6フレームSuperhuman Mail 5フレームMinerva 2フレーム
Perplexity Introducing custom web sources in Spaces! You can now tailor your ask... at 0:10
PerplexityIntroducing custom web sources in Spaces! You can now tailor your ask...
0:10
Perplexity Introducing custom web sources in Spaces! You can now tailor your ask... at 0:13
PerplexityIntroducing custom web sources in Spaces! You can now tailor your ask...
0:13
Cursor Try it out by opening a new composer, then selecting agent. at 0:00
CursorTry it out by opening a new composer, then selecting agent.
0:00
Google What is Nano Banana? at 0:31corner inset
GoogleWhat is Nano Banana?
0:31
FireCut How to AUTOMATICALLY Censor Swear Words at 0:28corner inset
FireCutHow to AUTOMATICALLY Censor Swear Words
0:28
FireCut How to AUTOMATICALLY Censor Swear Words at 0:31corner inset
FireCutHow to AUTOMATICALLY Censor Swear Words
0:31
FireCut How to AUTOMATICALLY Censor Swear Words at 0:34corner inset
FireCutHow to AUTOMATICALLY Censor Swear Words
0:34
FireCut How to AUTOMATICALLY Censor Swear Words at 0:37corner inset
FireCutHow to AUTOMATICALLY Censor Swear Words
0:37
FireCut How to AUTOMATICALLY Censor Swear Words at 0:40corner inset
FireCutHow to AUTOMATICALLY Censor Swear Words
0:40
FireCut How to AUTOMATICALLY Censor Swear Words at 0:43corner inset
FireCutHow to AUTOMATICALLY Censor Swear Words
0:43
Minerva Welcome to Minerva at 1:01
MinervaWelcome to Minerva
1:01
Minerva Welcome to Minerva at 1:04
MinervaWelcome to Minerva
1:04
Superhuman Mail The next evolution of Superhuman AI at 4:44
Superhuman MailThe next evolution of Superhuman AI
4:44
Superhuman Mail 3 Prompts That Save Hours Every Week | Superhuman Mail MCP at 1:34
Superhuman Mail3 Prompts That Save Hours Every Week | Superhuman Mail MCP
1:34
Superhuman Mail 3 Prompts That Save Hours Every Week | Superhuman Mail MCP at 1:38
Superhuman Mail3 Prompts That Save Hours Every Week | Superhuman Mail MCP
1:38
Superhuman Mail 3 Prompts That Save Hours Every Week | Superhuman Mail MCP at 1:42
Superhuman Mail3 Prompts That Save Hours Every Week | Superhuman Mail MCP
1:42
Superhuman Mail 3 Prompts That Save Hours Every Week | Superhuman Mail MCP at 1:46
Superhuman Mail3 Prompts That Save Hours Every Week | Superhuman Mail MCP
1:46
Linear Introducing coding sessions. Linear Agent can now triage issues, inv... at 1:40
LinearIntroducing coding sessions. Linear Agent can now triage issues, inv...
1:40
Linear Introducing coding sessions. Linear Agent can now triage issues, inv... at 1:56
LinearIntroducing coding sessions. Linear Agent can now triage issues, inv...
1:56
WorkOS WorkOS Pipes | The OAuth Integration You've Been Missing at 0:54
WorkOSWorkOS Pipes | The OAuth Integration You've Been Missing
0:54
WorkOS WorkOS Pipes | The OAuth Integration You've Been Missing at 2:46corner inset
WorkOSWorkOS Pipes | The OAuth Integration You've Been Missing
2:46
WorkOS WorkOS Pipes | The OAuth Integration You've Been Missing at 2:50corner inset
WorkOSWorkOS Pipes | The OAuth Integration You've Been Missing
2:50
WorkOS WorkOS Pipes | The OAuth Integration You've Been Missing at 2:54corner inset
WorkOSWorkOS Pipes | The OAuth Integration You've Been Missing
2:54
WorkOS WorkOS Pipes | The OAuth Integration You've Been Missing at 2:58corner inset
WorkOSWorkOS Pipes | The OAuth Integration You've Been Missing
2:58
WorkOS WorkOS Pipes | The OAuth Integration You've Been Missing at 3:02corner inset
WorkOSWorkOS Pipes | The OAuth Integration You've Been Missing
3:02
WorkOS WorkOS Pipes | The OAuth Integration You've Been Missing at 3:06corner inset
WorkOSWorkOS Pipes | The OAuth Integration You've Been Missing
3:06
Sigurd Seteklev Kitemaker version 2 demo at 1:34corner inset
Sigurd SeteklevKitemaker version 2 demo
1:34
Sigurd Seteklev Kitemaker version 2 demo at 1:38corner inset
Sigurd SeteklevKitemaker version 2 demo
1:38
Sigurd Seteklev Kitemaker version 2 demo at 1:42corner inset
Sigurd SeteklevKitemaker version 2 demo
1:42
Sigurd Seteklev Kitemaker version 2 demo at 1:46corner inset
Sigurd SeteklevKitemaker version 2 demo
1:46
Sigurd Seteklev Kitemaker version 2 demo at 1:50corner inset
Sigurd SeteklevKitemaker version 2 demo
1:50
Sigurd Seteklev Kitemaker version 2 demo at 1:54corner inset
Sigurd SeteklevKitemaker version 2 demo
1:54
Farza Crazy response on this. There's a shocking amount left to build in 2... at 0:10wide presenter
FarzaCrazy response on this. There's a shocking amount left to build in 2...
0:10
Farza Crazy response on this. There's a shocking amount left to build in 2... at 0:13wide presenter
FarzaCrazy response on this. There's a shocking amount left to build in 2...
0:13
Farza Crazy response on this. There's a shocking amount left to build in 2... at 0:16wide presenter
FarzaCrazy response on this. There's a shocking amount left to build in 2...
0:16
Farza Crazy response on this. There's a shocking amount left to build in 2... at 0:19wide presenter
FarzaCrazy response on this. There's a shocking amount left to build in 2...
0:19
Farza Crazy response on this. There's a shocking amount left to build in 2... at 0:22wide presenter
FarzaCrazy response on this. There's a shocking amount left to build in 2...
0:22
Farza Crazy response on this. There's a shocking amount left to build in 2... at 0:25wide presenter
FarzaCrazy response on this. There's a shocking amount left to build in 2...
0:25
Vercel Your users are on Slack, Discord, Teams, WhatsApp, Telegram, GitHub, ... at 4:14medium presenter
VercelYour users are on Slack, Discord, Teams, WhatsApp, Telegram, GitHub, ...
4:14
これで全 39 枚です。

比較できる他の技法

Shallow depth of field 5,289Full bleed output no chrome 3,081Hard cut on beat 3,077Centred wordmark on black 2,355Cursor led reveal 2,333Ui float with drop shadow 2,091Long lens background compression 1,096Text plate left third 814Full bleed ui no chrome 741Long lens compression 601Hard cut to black 595Centred talking head 550Subject on right third 530Generous negative space 481Centred subject 465Full bleed no chrome 430Centred wordmark on white 412Full bleed screen recording 408Wide establishing shot 386Full bleed screen capture 377Medium close up 366Subject on left third 344Centred medium close up 342Presenter pip bottom right 336