タグ

Light mode ui

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

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

フレーム
40
動画
17
ブランド
10
カット間隔の中央値
4.9秒

最も多く撮っているのは

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

Timestripe 9フレームCursor 8フレームOpenAI 6フレームNotion 5フレームReplit 4フレームBlake Rouse 3フレーム
Replit The classroom changed. The homework changed. How we learn changed. 1... at 0:10
ReplitThe classroom changed. The homework changed. How we learn changed. 1...
0:10
Replit The classroom changed. The homework changed. How we learn changed. 1... at 0:11
ReplitThe classroom changed. The homework changed. How we learn changed. 1...
0:11
Base44 Your website, in your own words — build it with Base44. at 0:25
Base44Your website, in your own words — build it with Base44.
0:25
Cursor Introducing /automate, a skill for agents to set up automations for y... at 0:19
CursorIntroducing /automate, a skill for agents to set up automations for y...
0:19
Replit You shipped your app. Now what? Your app may look great, but if no o... at 0:37
ReplitYou shipped your app. Now what? Your app may look great, but if no o...
0:37
Replit You shipped your app. Now what? Your app may look great, but if no o... at 0:40
ReplitYou shipped your app. Now what? Your app may look great, but if no o...
0:40
Linear Intro to Linear at 0:09
LinearIntro to Linear
0:09
Linear Intro to Linear at 0:17
LinearIntro to Linear
0:17
Timestripe Keep code changes and project tasks in sync at 0:28
TimestripeKeep code changes and project tasks in sync
0:28
Timestripe Keep code changes and project tasks in sync at 0:31
TimestripeKeep code changes and project tasks in sync
0:31
Timestripe Keep code changes and project tasks in sync at 0:34
TimestripeKeep code changes and project tasks in sync
0:34
Timestripe Keep code changes and project tasks in sync at 0:37
TimestripeKeep code changes and project tasks in sync
0:37
Timestripe Keep code changes and project tasks in sync at 0:40
TimestripeKeep code changes and project tasks in sync
0:40
Cursor Cursor can now respond by creating interactive canvases to visually r... at 0:19
CursorCursor can now respond by creating interactive canvases to visually r...
0:19
Cursor It's now also easier to customize your default layout. Define custom... at 0:19
CursorIt's now also easier to customize your default layout. Define custom...
0:19
Cursor We're introducing Cursor Automations to build always-on agents. at 0:03
CursorWe're introducing Cursor Automations to build always-on agents.
0:03
Cursor We're introducing Cursor Automations to build always-on agents. at 0:08
CursorWe're introducing Cursor Automations to build always-on agents.
0:08
Timestripe Prioritize technical debt using code and incident history at 0:34
TimestripePrioritize technical debt using code and incident history
0:34
Blake Rouse Introducing Keystroke: an n8n alternative built for Cursor, Claude Co... at 0:16
Blake RouseIntroducing Keystroke: an n8n alternative built for Cursor, Claude Co...
0:16
Blake Rouse Introducing Keystroke: an n8n alternative built for Cursor, Claude Co... at 0:19
Blake RouseIntroducing Keystroke: an n8n alternative built for Cursor, Claude Co...
0:19
Blake Rouse Introducing Keystroke: an n8n alternative built for Cursor, Claude Co... at 0:22
Blake RouseIntroducing Keystroke: an n8n alternative built for Cursor, Claude Co...
0:22
Adobe Quick Actions In Adobe Express | Design Fundamentals with AI | Adobe at 0:44
AdobeQuick Actions In Adobe Express | Design Fundamentals with AI | Adobe
0:44
Timestripe Generate release notes from the commit history at 0:01
TimestripeGenerate release notes from the commit history
0:01
Timestripe Generate release notes from the commit history at 0:04
TimestripeGenerate release notes from the commit history
0:04
Timestripe Generate release notes from the commit history at 0:07
TimestripeGenerate release notes from the commit history
0:07
Cursor A new visual editor: design directly in your codebase at 0:20
CursorA new visual editor: design directly in your codebase
0:20
Cursor A new visual editor: design directly in your codebase at 0:31
CursorA new visual editor: design directly in your codebase
0:31
Cursor A new visual editor: design directly in your codebase at 0:36
CursorA new visual editor: design directly in your codebase
0:36
Notion Inside Notion's Multi-Agent System for Customer Feedback at 0:34wide presenter
NotionInside Notion's Multi-Agent System for Customer Feedback
0:34
Notion Inside Notion's Multi-Agent System for Customer Feedback at 0:38
NotionInside Notion's Multi-Agent System for Customer Feedback
0:38
Notion Inside Notion's Multi-Agent System for Customer Feedback at 0:42
NotionInside Notion's Multi-Agent System for Customer Feedback
0:42
Notion Inside Notion's Multi-Agent System for Customer Feedback at 0:46
NotionInside Notion's Multi-Agent System for Customer Feedback
0:46
Notion Inside Notion's Multi-Agent System for Customer Feedback at 0:50
NotionInside Notion's Multi-Agent System for Customer Feedback
0:50
Starter Story I Copied A Huge App. Now I Make $80K/Month at 0:22
Starter StoryI Copied A Huge App. Now I Make $80K/Month
0:22
OpenAI Intro to Agent Builder at 1:40corner inset
OpenAIIntro to Agent Builder
1:40
OpenAI Intro to Agent Builder at 1:48corner inset
OpenAIIntro to Agent Builder
1:48
OpenAI Intro to Agent Builder at 1:56corner inset
OpenAIIntro to Agent Builder
1:56
OpenAI Intro to Agent Builder at 2:04corner inset
OpenAIIntro to Agent Builder
2:04
OpenAI Intro to Agent Builder at 2:12corner inset
OpenAIIntro to Agent Builder
2:12
OpenAI Intro to Agent Builder at 2:20corner inset
OpenAIIntro to Agent Builder
2:20
これで全 40 枚です。

比較できる他のタグ

Interview 3,246Talking head 2,057Laptop 1,757Title card 1,737Tutorial 1,714Minimal 1,517Dark mode 1,385Transition 1,378Presenter 1,356Interior 1,220End card 1,113Office 1,091Close up 898White background 848Wordmark 843Cursor 802Glasses 764Chat interface 732Gesture 711Macro 707Outdoor 679Dashboard 663Portrait 649Wide shot 648