Browser mockup

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

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

フレーム: 24
動画: 12
ブランド: 12
カット間隔の中央値: 6.6秒

最も多く撮っているのは

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

Stonly 4フレーム Concept Central 4フレーム The Browser Company 3フレーム ClickUp 3フレーム Webflow 2フレーム Framer 2フレーム

Notion 💬 Tip: You can embed a Custom Agent chat in any page. Handy for wiki... at 0:22

Notion💬 Tip: You can embed a Custom Agent chat in any page. Handy for wiki...

0:22

Stonly interactive step by step guides at 0:28

Stonlyinteractive step by step guides

0:28

Stonly interactive step by step guides at 0:34

Stonlyinteractive step by step guides

0:34

Stonly interactive step by step guides at 0:37

Stonlyinteractive step by step guides

0:37

Stonly interactive step by step guides at 0:40

Stonlyinteractive step by step guides

0:40

Perplexity Computer now connects with Plaid to link bank accounts, credit cards,... at 0:55

PerplexityComputer now connects with Plaid to link bank accounts, credit cards,...

0:55

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

WebflowWelcome to Webflow: Build, Launch, Optimize

0:38

Webflow Welcome to Webflow: Build, Launch, Optimize at 2:58

WebflowWelcome to Webflow: Build, Launch, Optimize

2:58

Framer Framer: All Design, No Code, Real Websites at 0:10

corner inset

FramerFramer: All Design, No Code, Real Websites

0:10

Framer Framer: All Design, No Code, Real Websites at 0:19

wide presenter

FramerFramer: All Design, No Code, Real Websites

0:19

Giga AI Giga Browser Agent at 0:52

Giga AIGiga Browser Agent

0:52

ClickUp What is ClickUp? at 0:14

ClickUpWhat is ClickUp?

0:14

ClickUp What is ClickUp? at 1:16

ClickUpWhat is ClickUp?

1:16

ClickUp What is ClickUp? at 1:19

ClickUpWhat is ClickUp?

1:19

The Browser Company How to hack any website’s design with no code (Arc Boosts) at 0:59

The Browser CompanyHow to hack any website’s design with no code (Arc Boosts)

0:59

The Browser Company How to hack any website’s design with no code (Arc Boosts) at 0:59

The Browser CompanyHow to hack any website’s design with no code (Arc Boosts)

0:59

The Browser Company How to hack any website’s design with no code (Arc Boosts) at 1:00

The Browser CompanyHow to hack any website’s design with no code (Arc Boosts)

1:00

Concept Central The New YouTube at 1:08

wide presenter

Concept CentralThe New YouTube

1:08

Concept Central The New YouTube at 1:10

medium presenter

Concept CentralThe New YouTube

1:10

Concept Central The New YouTube at 1:12

wide presenter

Concept CentralThe New YouTube

1:12

Concept Central The New YouTube at 1:29

Concept CentralThe New YouTube

1:29

Paul Klein IV Your agents suck when using the web because 85% of it doesn't have an... at 0:12

Paul Klein IVYour agents suck when using the web because 85% of it doesn't have an...

0:12

Starter Story I make $32K/month from 3 simple, boring websites at 1:15

Starter StoryI make $32K/month from 3 simple, boring websites

1:15

HeadshotPro Resume to LinkedIn generator at 1:01

corner inset

HeadshotProResume to LinkedIn generator

1:01

これで全 24 枚です。