技法

Dark mode interface

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

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

フレーム
41
動画
14
ブランド
11
カット間隔の中央値
3.6秒

最も多く撮っているのは

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

Raycast 8フレームWarp 6フレームRiley Brown 6フレームCursor 5フレームOptimAI Network 4フレームMinerva 3フレーム
Uizard Autodesigner 2.0 is here! at 0:07
UizardAutodesigner 2.0 is here!
0:07
OptimAI Network What if you didn't have to operate the creative tools anymore? Just ... at 0:46
OptimAI NetworkWhat if you didn't have to operate the creative tools anymore? Just ...
0:46
OptimAI Network What if you didn't have to operate the creative tools anymore? Just ... at 0:49
OptimAI NetworkWhat if you didn't have to operate the creative tools anymore? Just ...
0:49
OptimAI Network What if you didn't have to operate the creative tools anymore? Just ... at 0:55
OptimAI NetworkWhat if you didn't have to operate the creative tools anymore? Just ...
0:55
OptimAI Network What if you didn't have to operate the creative tools anymore? Just ... at 1:01
OptimAI NetworkWhat if you didn't have to operate the creative tools anymore? Just ...
1:01
Cursor Improved coding agents for long-horizon tasks at 1:01
CursorImproved coding agents for long-horizon tasks
1:01
Cursor Improved coding agents for long-horizon tasks at 1:07
CursorImproved coding agents for long-horizon tasks
1:07
Cursor Improved coding agents for long-horizon tasks at 1:09
CursorImproved coding agents for long-horizon tasks
1:09
Raycast Quicklinks in Raycast at 0:13
RaycastQuicklinks in Raycast
0:13
Raycast Quicklinks in Raycast at 0:16
RaycastQuicklinks in Raycast
0:16
Raycast Quicklinks in Raycast at 0:22
RaycastQuicklinks in Raycast
0:22
Raycast Settings in Raycast at 0:36
RaycastSettings in Raycast
0:36
Raycast Settings in Raycast at 2:05
RaycastSettings in Raycast
2:05
Raycast Snippets in Raycast at 0:40
RaycastSnippets in Raycast
0:40
Raycast Snippets in Raycast at 1:03
RaycastSnippets in Raycast
1:03
Raycast Snippets in Raycast at 1:16
RaycastSnippets in Raycast
1:16
Warp Orchestrate a team of agents in Warp at 1:06
WarpOrchestrate a team of agents in Warp
1:06
Warp Orchestrate a team of agents in Warp at 1:10
WarpOrchestrate a team of agents in Warp
1:10
Warp Orchestrate a team of agents in Warp at 1:14
WarpOrchestrate a team of agents in Warp
1:14
Warp Orchestrate a team of agents in Warp at 1:18
WarpOrchestrate a team of agents in Warp
1:18
Warp Orchestrate a team of agents in Warp at 1:22
WarpOrchestrate a team of agents in Warp
1:22
Warp Orchestrate a team of agents in Warp at 1:26
WarpOrchestrate a team of agents in Warp
1:26
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 8:16corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
8:16
Skydio Prepared + Skydio DFR Command: 911 Call to Drone Launch in One Workflow at 0:22
SkydioPrepared + Skydio DFR Command: 911 Call to Drone Launch in One Workflow
0:22
Skydio Prepared + Skydio DFR Command: 911 Call to Drone Launch in One Workflow at 0:34
SkydioPrepared + Skydio DFR Command: 911 Call to Drone Launch in One Workflow
0:34
Skydio Prepared + Skydio DFR Command: 911 Call to Drone Launch in One Workflow at 0:38
SkydioPrepared + Skydio DFR Command: 911 Call to Drone Launch in One Workflow
0:38
Google Workspace Cognizant reinvents how technology is built and delivered with Gemini Enterprise at 2:30
Google WorkspaceCognizant reinvents how technology is built and delivered with Gemini Enterprise
2:30
The Browser Company Our investor is using a Dia Skill to evaluate founders at 0:59
The Browser CompanyOur investor is using a Dia Skill to evaluate founders
0:59
The Browser Company Our investor is using a Dia Skill to evaluate founders at 1:14
The Browser CompanyOur investor is using a Dia Skill to evaluate founders
1:14
The Browser Company Our investor is using a Dia Skill to evaluate founders at 1:41
The Browser CompanyOur investor is using a Dia Skill to evaluate founders
1:41
Riley Brown Riley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M... at 2:50medium presenter
Riley BrownRiley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M...
2:50
Riley Brown Riley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M... at 2:54medium presenter
Riley BrownRiley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M...
2:54
Riley Brown Riley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M... at 2:58medium presenter
Riley BrownRiley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M...
2:58
Riley Brown Riley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M... at 3:02medium presenter
Riley BrownRiley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M...
3:02
Riley Brown Riley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M... at 3:06medium presenter
Riley BrownRiley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M...
3:06
Riley Brown Riley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M... at 3:10medium presenter
Riley BrownRiley Brown - Uhm Guys… Mythos (Fable) is AGI. On the left is the ACTUAL Lovable M...
3:10
Cursor Fixing one million bugs with AI at 1:28
CursorFixing one million bugs with AI
1:28
Cursor Fixing one million bugs with AI at 1:37
CursorFixing one million bugs with AI
1:37
Minerva Not Quite One-Minute Tour at 0:46wide presenter
MinervaNot Quite One-Minute Tour
0:46
Minerva Not Quite One-Minute Tour at 0:49wide presenter
MinervaNot Quite One-Minute Tour
0:49
Minerva Not Quite One-Minute Tour at 0:52wide presenter
MinervaNot Quite One-Minute Tour
0:52
これで全 41 枚です。

比較できる他の技法

Shallow depth of field 1,651Hard cut on beat 873Cursor led reveal 821Ui float with drop shadow 719Full bleed output no chrome 679Centred wordmark on black 656Long lens background compression 314Full bleed ui no chrome 272Text plate left third 228Centred talking head 226Long lens compression 174Full bleed screen recording 165Lower third caption plate 152Wide establishing shot 149Hard cut to black 145Warm practical lighting 143Full bleed screen capture 137Generous negative space 136Presenter pip bottom right 136Lower third caption 132Full bleed no chrome 127Subject on right third 121Centred wordmark on white 119Static presenter hold 108