Dark mode ui

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

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

フレーム: 71
動画: 35
ブランド: 25
カット間隔の中央値: 5.7秒

最も多く撮っているのは

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

Raycast 10フレーム rabbit 10フレーム Timestripe 9フレーム Google 6フレーム Wispr Flow 5フレーム Danny Postma 3フレーム

rabbit slide decks with rabbit intern at 0:04

rabbitslide decks with rabbit intern

0:04

rabbit slide decks with rabbit intern at 0:07

rabbitslide decks with rabbit intern

0:07

rabbit slide decks with rabbit intern at 0:10

rabbitslide decks with rabbit intern

0:10

rabbit slide decks with rabbit intern at 0:16

rabbitslide decks with rabbit intern

0:16

rabbit slide decks with rabbit intern at 0:19

rabbitslide decks with rabbit intern

0:19

Ben Issen (Beni) instaprice: the pricing calculator for freelance projects (TRAILER) at 0:10

Ben Issen (Beni)instaprice: the pricing calculator for freelance projects (TRAILER)

0:10

Ben Issen (Beni) instaprice: the pricing calculator for freelance projects (TRAILER) at 0:13

Ben Issen (Beni)instaprice: the pricing calculator for freelance projects (TRAILER)

0:13

Superhuman Mail Introducing: Auto Drafts 2.0 ✨ at 0:16

Superhuman MailIntroducing: Auto Drafts 2.0 ✨

0:16

Danny Postma Got tired of switching tabs, so I built my own agent workbench. at 0:16

Danny PostmaGot tired of switching tabs, so I built my own agent workbench.

0:16

Base44 Build your entire business on Base44 at 0:18

Base44Build your entire business on Base44

0:18

Tesla Tesla Home: Home Energy Management, Powered by AI at 0:04

TeslaTesla Home: Home Energy Management, Powered by AI

0:04

JitterAnimate your company Logo

1:01

Timestripe Keep code changes and project tasks in sync at 0:10

TimestripeKeep code changes and project tasks in sync

0:10

Timestripe Keep code changes and project tasks in sync at 0:13

TimestripeKeep code changes and project tasks in sync

0:13

Timestripe Keep code changes and project tasks in sync at 0:16

TimestripeKeep code changes and project tasks in sync

0:16

Timestripe Keep code changes and project tasks in sync at 0:19

TimestripeKeep code changes and project tasks in sync

0:19

Timestripe Keep code changes and project tasks in sync at 0:22

TimestripeKeep code changes and project tasks in sync

0:22

Timestripe Keep code changes and project tasks in sync at 0:25

TimestripeKeep code changes and project tasks in sync

0:25

Nanoleaf How To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial at 1:04

NanoleafHow To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial

1:04

Nanoleaf How To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial at 1:07

NanoleafHow To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial

1:07

Glorify App How to Enhance Image Quality with Glorify's AI Image Upscaler at 0:21

Glorify AppHow to Enhance Image Quality with Glorify's AI Image Upscaler

0:21

Glorify App How to Enhance Image Quality with Glorify's AI Image Upscaler at 0:22

Glorify AppHow to Enhance Image Quality with Glorify's AI Image Upscaler

0:22

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

WebflowWelcome to Webflow: Build, Launch, Optimize

0:58

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

WebflowWelcome to Webflow: Build, Launch, Optimize

1:04

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

WebflowWelcome to Webflow: Build, Launch, Optimize

1:06

CleanShot X CleanShot 4.4 - Capture History, Auto-Scroll, Copy/Paste objects in Annotate at 2:24

CleanShot XCleanShot 4.4 - Capture History, Auto-Scroll, Copy/Paste objects in Annotate

2:24

Grok Introducing Grok Voice Agent Builder at 0:04

GrokIntroducing Grok Voice Agent Builder

0:04

Raycast Quicklinks in Raycast at 0:43

RaycastQuicklinks in Raycast

0:43

Raycast Quicklinks in Raycast at 0:46

RaycastQuicklinks in Raycast

0:46

Raycast Quicklinks in Raycast at 0:49

RaycastQuicklinks in Raycast

0:49

Raycast Quicklinks in Raycast at 0:52

RaycastQuicklinks in Raycast

0:52

Raycast Quicklinks in Raycast at 0:55

RaycastQuicklinks in Raycast

0:55

Raycast Quicklinks in Raycast at 0:58

RaycastQuicklinks in Raycast

0:58

Lovable https://t.co/OVuIhnRm6v → at 0:10

Lovablehttps://t.co/OVuIhnRm6v →

0:10

Instatus Instatus 2.0: Beyond what the world sees at 0:34

InstatusInstatus 2.0: Beyond what the world sees

0:34

Instatus Instatus 2.0: Beyond what the world sees at 0:37

InstatusInstatus 2.0: Beyond what the world sees

0:37

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

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

0:32

Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 3:16

corner inset

Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...

3:16

Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 21:46

corner inset

Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...

21:46

Framer How Planhat builds and scales faster with Framer at 0:22

FramerHow Planhat builds and scales faster with Framer

0:22

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

corner inset

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

1:58

rabbit fun and creative tools with rabbit intern at 0:18

rabbitfun and creative tools with rabbit intern

0:18

Google How to use Agent in Google Flow | Find Your Flow at 1:37

GoogleHow to use Agent in Google Flow | Find Your Flow

1:37

Timestripe Generate release notes from the commit history at 0:10

TimestripeGenerate release notes from the commit history

0:10

Timestripe Generate release notes from the commit history at 0:13

TimestripeGenerate release notes from the commit history

0:13

Timestripe Generate release notes from the commit history at 0:16

TimestripeGenerate release notes from the commit history

0:16

The Browser Company Our investor is using a Dia Skill to evaluate founders at 0:06

The Browser CompanyOur investor is using a Dia Skill to evaluate founders

0:06

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

SupabaseCodex Helped Me Put the World Cup on My Desk

0:07

Cursor Fixing one million bugs with AI at 0:56

CursorFixing one million bugs with AI

0:56

Raycast ⚠️ Raycast can now see your screen at 0:25

Raycast⚠️ Raycast can now see your screen

0:25

Raycast ⚠️ Raycast can now see your screen at 0:31

Raycast⚠️ Raycast can now see your screen

0:31

Raycast ⚠️ Raycast can now see your screen at 0:38

Raycast⚠️ Raycast can now see your screen

0:38

Raycast ⚠️ Raycast can now see your screen at 0:42

Raycast⚠️ Raycast can now see your screen

0:42

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

corner inset

rabbitExport in Ableton + send files in Google Chrome with DLAM

3:06

WorkOS WorkOS Pipes | The OAuth Integration You've Been Missing at 1:28

WorkOSWorkOS Pipes | The OAuth Integration You've Been Missing

1:28

Google Gemma Fast and local voice typing with Gemma 4. Phonon demonstrates the ut... at 0:02

wide presenter

Google GemmaFast and local voice typing with Gemma 4. Phonon demonstrates the ut...

0:02

Google Gemma Fast and local voice typing with Gemma 4. Phonon demonstrates the ut... at 0:06

wide presenter

Google GemmaFast and local voice typing with Gemma 4. Phonon demonstrates the ut...

0:06

Google Gemma Fast and local voice typing with Gemma 4. Phonon demonstrates the ut... at 0:10

wide presenter

Google GemmaFast and local voice typing with Gemma 4. Phonon demonstrates the ut...

0:10

Google Gemma Fast and local voice typing with Gemma 4. Phonon demonstrates the ut... at 0:14

wide presenter

Google GemmaFast and local voice typing with Gemma 4. Phonon demonstrates the ut...

0:14

Google Gemma Fast and local voice typing with Gemma 4. Phonon demonstrates the ut... at 0:18

wide presenter

Google GemmaFast and local voice typing with Gemma 4. Phonon demonstrates the ut...

0:18

rabbit how to connect your rabbit r1 to OpenClaw at 1:34

corner inset

rabbithow to connect your rabbit r1 to OpenClaw

1:34

rabbit how to connect your rabbit r1 to OpenClaw at 1:50

corner inset

rabbithow to connect your rabbit r1 to OpenClaw

1:50

rabbit how to connect your rabbit r1 to OpenClaw at 1:54

corner inset

rabbithow to connect your rabbit r1 to OpenClaw

1:54

Minerva Not Quite One-Minute Tour at 0:41

wide presenter

MinervaNot Quite One-Minute Tour

0:41

Supabase Getting Started with Supabase Locally at 0:10

SupabaseGetting Started with Supabase Locally

0:10

Wispr Flow Watch Flow in Action at 0:16

corner inset

Wispr FlowWatch Flow in Action

0:16

Wispr Flow Watch Flow in Action at 0:31

corner inset

Wispr FlowWatch Flow in Action

0:31

Wispr Flow Watch Flow in Action at 0:34

corner inset

Wispr FlowWatch Flow in Action

0:34

Wispr Flow Watch Flow in Action at 0:40

corner inset

Wispr FlowWatch Flow in Action

0:40

Wispr Flow Watch Flow in Action at 0:43

corner inset

Wispr FlowWatch Flow in Action

0:43

Ben Issen (Beni) Supercreative tool: People to Notion at 1:40

close presenter

Ben Issen (Beni)Supercreative tool: People to Notion

1:40

これで全 71 枚です。