Dark ui canvas

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

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

フレーム: 65
動画: 19
ブランド: 11
カット間隔の中央値: 5.3秒

最も多く撮っているのは

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

Runway 19フレーム Contra 14フレーム FireCut 9フレーム Midjourney 6フレーム Cursor 4フレーム Spline 3フレーム

Runway Introducing Agent 2.0 Go from a simple prompt to fully realized mark... at 0:19

RunwayIntroducing Agent 2.0 Go from a simple prompt to fully realized mark...

0:19

Runway Introducing the Ad Concepter App. A really simple way to explore new ... at 0:37

RunwayIntroducing the Ad Concepter App. A really simple way to explore new ...

0:37

Runway Introducing the Ad Concepter App. A really simple way to explore new ... at 0:40

RunwayIntroducing the Ad Concepter App. A really simple way to explore new ...

0:40

Runway Introducing the Ad Concepter App. A really simple way to explore new ... at 1:01

RunwayIntroducing the Ad Concepter App. A really simple way to explore new ...

1:01

Runway Introducing the Ad Concepter App. A really simple way to explore new ... at 1:04

RunwayIntroducing the Ad Concepter App. A really simple way to explore new ...

1:04

Runway Introducing the Ad Concepter App. A really simple way to explore new ... at 1:07

RunwayIntroducing the Ad Concepter App. A really simple way to explore new ...

1:07

Midjourney We're bumping up the number of styles in our style explorer by anothe... at 0:54

MidjourneyWe're bumping up the number of styles in our style explorer by anothe...

0:54

Midjourney We're bumping up the number of styles in our style explorer by anothe... at 0:57

wide presenter

MidjourneyWe're bumping up the number of styles in our style explorer by anothe...

0:57

Midjourney We're bumping up the number of styles in our style explorer by anothe... at 1:00

MidjourneyWe're bumping up the number of styles in our style explorer by anothe...

1:00

Midjourney We're bumping up the number of styles in our style explorer by anothe... at 1:01

MidjourneyWe're bumping up the number of styles in our style explorer by anothe...

1:01

Midjourney We're bumping up the number of styles in our style explorer by anothe... at 1:03

wide presenter

MidjourneyWe're bumping up the number of styles in our style explorer by anothe...

1:03

Midjourney We're bumping up the number of styles in our style explorer by anothe... at 1:06

MidjourneyWe're bumping up the number of styles in our style explorer by anothe...

1:06

Runway Here's how to go from a single character image to an entire short fil... at 0:25

RunwayHere's how to go from a single character image to an entire short fil...

0:25

Runway Here's how to go from a single character image to an entire short fil... at 1:01

corner inset

RunwayHere's how to go from a single character image to an entire short fil...

1:01

Runway Here's how to go from a single character image to an entire short fil... at 1:04

medium presenter

RunwayHere's how to go from a single character image to an entire short fil...

1:04

Runway Here's how to go from a single character image to an entire short fil... at 1:07

wide presenter

RunwayHere's how to go from a single character image to an entire short fil...

1:07

Runway Here's how to go from a single character image to an entire short fil... at 1:10

RunwayHere's how to go from a single character image to an entire short fil...

1:10

Runway Here's how to go from a single character image to an entire short fil... at 1:13

RunwayHere's how to go from a single character image to an entire short fil...

1:13

Runway Here's how to go from a single character image to an entire short fil... at 1:16

RunwayHere's how to go from a single character image to an entire short fil...

1:16

OFFEO OFFEO Tutorial | Basics 18: Branded Design templates (Updated!) at 1:51

OFFEOOFFEO Tutorial | Basics 18: Branded Design templates (Updated!)

1:51

OFFEO OFFEO Tutorial | Basics 18: Branded Design templates (Updated!) at 2:34

OFFEOOFFEO Tutorial | Basics 18: Branded Design templates (Updated!)

2:34

Spline How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks at 4:14

SplineHow to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

4:14

Framer 📄 Turning Framer from a web builder into a true design tool with Desi... at 0:16

Framer📄 Turning Framer from a web builder into a true design tool with Desi...

0:16

Framer 📄 Turning Framer from a web builder into a true design tool with Desi... at 0:24

Framer📄 Turning Framer from a web builder into a true design tool with Desi...

0:24

Adobe How Adobe Firefly is Changing the Creative World | Adobe at 1:53

AdobeHow Adobe Firefly is Changing the Creative World | Adobe

1:53

OFFEO OFFEO Tutorial | Basics 17: AI-Auto Create (Updated!) at 0:30

OFFEOOFFEO Tutorial | Basics 17: AI-Auto Create (Updated!)

0:30

Contra AI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026) at 2:06

corner inset

ContraAI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026)

2:06

Contra AI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026) at 2:10

ContraAI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026)

2:10

Contra AI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026) at 2:14

ContraAI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026)

2:14

Contra AI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026) at 2:18

ContraAI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026)

2:18

Contra AI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026) at 2:22

ContraAI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026)

2:22

Spline Bringing a complex B2B platform to life with 3D Design using Spline | Elecctro by Lynksen at 1:42

SplineBringing a complex B2B platform to life with 3D Design using Spline | Elecctro by Lynksen

1:42

Spline Bringing a complex B2B platform to life with 3D Design using Spline | Elecctro by Lynksen at 1:46

SplineBringing a complex B2B platform to life with 3D Design using Spline | Elecctro by Lynksen

1:46

rabbit Export in Ableton + send files in Google Chrome with DLAM at 1:06

corner inset

rabbitExport in Ableton + send files in Google Chrome with DLAM

1:06

FireCut Remove all of your filler words in ONE CLICK at 0:00

corner inset

FireCutRemove all of your filler words in ONE CLICK

0:00

FireCut Remove all of your filler words in ONE CLICK at 0:01

corner inset

FireCutRemove all of your filler words in ONE CLICK

0:01

FireCut Remove all of your filler words in ONE CLICK at 0:04

corner inset

FireCutRemove all of your filler words in ONE CLICK

0:04

FireCut Remove all of your filler words in ONE CLICK at 0:07

corner inset

FireCutRemove all of your filler words in ONE CLICK

0:07

FireCut Remove all of your filler words in ONE CLICK at 0:10

medium presenter

FireCutRemove all of your filler words in ONE CLICK

0:10

FireCut Remove all of your filler words in ONE CLICK at 0:13

medium presenter

FireCutRemove all of your filler words in ONE CLICK

0:13

Runway Learn how to go from a single image to a fully realized cinematic uni... at 0:31

wide presenter

RunwayLearn how to go from a single image to a fully realized cinematic uni...

0:31

Runway Learn how to go from a single image to a fully realized cinematic uni... at 2:02

RunwayLearn how to go from a single image to a fully realized cinematic uni...

2:02

Runway Learn how to go from a single image to a fully realized cinematic uni... at 2:46

RunwayLearn how to go from a single image to a fully realized cinematic uni...

2:46

Runway Learn how to go from a single image to a fully realized cinematic uni... at 2:50

RunwayLearn how to go from a single image to a fully realized cinematic uni...

2:50

Runway Learn how to go from a single image to a fully realized cinematic uni... at 2:54

RunwayLearn how to go from a single image to a fully realized cinematic uni...

2:54

Runway Learn how to go from a single image to a fully realized cinematic uni... at 2:55

RunwayLearn how to go from a single image to a fully realized cinematic uni...

2:55

Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 0:25

ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)

0:25

Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 0:32

ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)

0:32

Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 2:02

corner inset

ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)

2:02

Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 3:14

corner inset

ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)

3:14

Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 3:18

corner inset

ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)

3:18

Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 3:22

corner inset

ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)

3:22

Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 3:26

corner inset

ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)

3:26

Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 3:30

corner inset

ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)

3:30

Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 3:34

corner inset

ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)

3:34

Glorify App How to Remove Backgrounds at Scale with Glorify at 2:06

corner inset

Glorify AppHow to Remove Backgrounds at Scale with Glorify

2:06

Glorify App How to Remove Backgrounds at Scale with Glorify at 2:10

corner inset

Glorify AppHow to Remove Backgrounds at Scale with Glorify

2:10

Glorify App How to Remove Backgrounds at Scale with Glorify at 2:30

corner inset

Glorify AppHow to Remove Backgrounds at Scale with Glorify

2:30

FireCut How to AUTO ZOOM in Premiere Pro using AI at 0:52

corner inset

FireCutHow to AUTO ZOOM in Premiere Pro using AI

0:52

FireCut How to AUTO ZOOM in Premiere Pro using AI at 0:55

wide presenter

FireCutHow to AUTO ZOOM in Premiere Pro using AI

0:55

FireCut How to Add Dynamic Captions in Premiere Pro & DaVinci Resolve with FireCut at 0:13

wide presenter

FireCutHow to Add Dynamic Captions in Premiere Pro & DaVinci Resolve with FireCut

0:13

Cursor A computer for every agent at 0:18

corner inset

CursorA computer for every agent

0:18

Cursor A computer for every agent at 0:22

corner inset

CursorA computer for every agent

0:22

Cursor A computer for every agent at 0:26

corner inset

CursorA computer for every agent

0:26

Cursor A computer for every agent at 0:38

corner inset

CursorA computer for every agent

0:38

これで全 65 枚です。

Dark ui canvas：実際のローンチ動画から集めた65フレーム | STEALSHOT