Dark canvas

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

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

フレーム: 30
動画: 16
ブランド: 14
カット間隔の中央値: 3.1秒

最も多く撮っているのは

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

Webflow 6フレーム Nothing 3フレーム Spline 3フレーム Cursor 3フレーム Mobbin 2フレーム Anthropic 2フレーム

Sam Blond Today, we're launching Monaco into General Availability. We onboarde... at 0:13

Sam BlondToday, we're launching Monaco into General Availability. We onboarde...

0:13

Sam Blond Today, we're launching Monaco into General Availability. We onboarde... at 0:16

Sam BlondToday, we're launching Monaco into General Availability. We onboarde...

0:16

Ammaar Reshi Vibe code without internet 🚀 I built a vibe coding app powered by Ge... at 0:04

Ammaar ReshiVibe code without internet 🚀 I built a vibe coding app powered by Ge...

0:04

Nothing Phone (2): Lights, camera, less distraction at 1:24

NothingPhone (2): Lights, camera, less distraction

1:24

Nothing Phone (2): Lights, camera, less distraction at 1:24

NothingPhone (2): Lights, camera, less distraction

1:24

Nothing Phone (2): Lights, camera, less distraction at 1:25

NothingPhone (2): Lights, camera, less distraction

1:25

Claude Introducing Claude Design by Anthropic Labs at 0:16

ClaudeIntroducing Claude Design by Anthropic Labs

0:16

Claude Introducing Claude Design by Anthropic Labs at 0:21

ClaudeIntroducing Claude Design by Anthropic Labs

0:21

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

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

1:15

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

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

Webflow Welcome to Webflow: Build, Launch, Optimize at 1:22

WebflowWelcome to Webflow: Build, Launch, Optimize

1:22

Webflow Welcome to Webflow: Build, Launch, Optimize at 1:26

WebflowWelcome to Webflow: Build, Launch, Optimize

1:26

Webflow Welcome to Webflow: Build, Launch, Optimize at 1:27

WebflowWelcome to Webflow: Build, Launch, Optimize

1:27

Webflow Welcome to Webflow: Build, Launch, Optimize at 1:30

WebflowWelcome to Webflow: Build, Launch, Optimize

1:30

Webflow Welcome to Webflow: Build, Launch, Optimize at 1:32

WebflowWelcome to Webflow: Build, Launch, Optimize

1:32

Webflow Welcome to Webflow: Build, Launch, Optimize at 1:33

WebflowWelcome to Webflow: Build, Launch, Optimize

1:33

JitterAnimate your company Logo

0:37

JitterAnimate your Company Logo

1:02

Base44 Built on Base44 at 0:28

medium presenter

Base44Built on Base44

0:28

Mobbin I Gave Claude 600,000 UI Screens… Then This Happened at 1:38

MobbinI Gave Claude 600,000 UI Screens… Then This Happened

1:38

Mobbin I Gave Claude 600,000 UI Screens… Then This Happened at 1:42

MobbinI Gave Claude 600,000 UI Screens… Then This Happened

1:42

Supabase Codex Helped Me Put the World Cup on My Desk at 0:46

SupabaseCodex Helped Me Put the World Cup on My Desk

0:46

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

wide presenter

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

0:48

Spline Crafting Interactive 3D for Ecommerce | Spline x Onyx Coffee Lab at 0:40

SplineCrafting Interactive 3D for Ecommerce | Spline x Onyx Coffee Lab

0:40

Spline Crafting Interactive 3D for Ecommerce | Spline x Onyx Coffee Lab at 0:42

SplineCrafting Interactive 3D for Ecommerce | Spline x Onyx Coffee Lab

0:42

Spline Crafting Interactive 3D for Ecommerce | Spline x Onyx Coffee Lab at 0:46

SplineCrafting Interactive 3D for Ecommerce | Spline x Onyx Coffee Lab

0:46

D-ID AI Video Platform What Is D-ID? Create AI Videos and Interactive Visual AI Agents at 0:14

D-ID AI Video PlatformWhat Is D-ID? Create AI Videos and Interactive Visual AI Agents

0:14

Supabase Getting Started with Supabase Locally at 4:38

SupabaseGetting Started with Supabase Locally

4:38

Product Fit Quick introduction at 0:00

corner inset

Product FitQuick introduction

0:00

これで全 30 枚です。