技法

Centred input card

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

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

フレーム
22
動画
16
ブランド
12
カット間隔の中央値
8.1秒

最も多く撮っているのは

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

Framer Framer: Stop Waiting. Start Shipping. at 0:10
FramerFramer: Stop Waiting. Start Shipping.
0:10
Base44 Your website, in your own words — build it with Base44. at 0:48
Base44Your website, in your own words — build it with Base44.
0:48
Claude Introducing Claude Design by Anthropic Labs at 1:01
ClaudeIntroducing Claude Design by Anthropic Labs
1:01
Replit The classroom changed. The homework changed. How we learn changed.  1... at 0:07
ReplitThe classroom changed. The homework changed. How we learn changed. 1...
0:07
Replit The classroom changed. The homework changed. How we learn changed.  1... at 0:15
ReplitThe classroom changed. The homework changed. How we learn changed. 1...
0:15
Perplexity Introducing Computer for Counsel.  Computer now connects the research... at 0:10
PerplexityIntroducing Computer for Counsel. Computer now connects the research...
0:10
Perplexity Introducing Computer for Counsel.  Computer now connects the research... at 0:13
PerplexityIntroducing Computer for Counsel. Computer now connects the research...
0:13
Perplexity Introducing Computer for Counsel.  Computer now connects the research... at 0:16
PerplexityIntroducing Computer for Counsel. Computer now connects the research...
0:16
Framer Framer Design Pages: The Only Free Plan That’s Actually Free at 0:19
FramerFramer Design Pages: The Only Free Plan That’s Actually Free
0:19
Figma Introducing connectors, our new MCP client in Figma Make  → Connect e... at 0:01
FigmaIntroducing connectors, our new MCP client in Figma Make → Connect e...
0:01
Figma We just acquired @weavy_ai, soon to be known as Figma Weave.  With We... at 0:00
FigmaWe just acquired @weavy_ai, soon to be known as Figma Weave. With We...
0:00
Timestripe Prioritize technical debt using code and incident history at 0:30
TimestripePrioritize technical debt using code and incident history
0:30
Webflow MCP 2.0: Don't Just Build Fast. Build for What's Next. at 0:40
WebflowMCP 2.0: Don't Just Build Fast. Build for What's Next.
0:40
Manus AI Manus + Similarweb: The Research Upgrade for Growth Teams at 0:04
Manus AIManus + Similarweb: The Research Upgrade for Growth Teams
0:04
Manus AI Manus + Similarweb: The Research Upgrade for Growth Teams at 0:10
Manus AIManus + Similarweb: The Research Upgrade for Growth Teams
0:10
Adobe Adobe x ChatGPT | Adobe at 0:40
AdobeAdobe x ChatGPT | Adobe
0:40
Claude What happens when you talk to AI? at 0:22
ClaudeWhat happens when you talk to AI?
0:22
Claude What does AI actually know about you? at 1:14
ClaudeWhat does AI actually know about you?
1:14
Notion Introducing Notion 3.0: Agents at 0:46
NotionIntroducing Notion 3.0: Agents
0:46
Notion Introducing Notion 3.0: Agents at 0:52
NotionIntroducing Notion 3.0: Agents
0:52
Notion Introducing Notion 3.0: Agents at 1:07
NotionIntroducing Notion 3.0: Agents
1:07
Wispr Flow Intro to Wispr Flow: voice-to-text AI that turns speech into clear, polished writing in every app. at 0:54corner inset
Wispr FlowIntro to Wispr Flow: voice-to-text AI that turns speech into clear, polished writing in every app.
0:54
これで全 22 枚です。

比較できる他の技法