Pill button

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

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

フレーム: 23
動画: 21
ブランド: 16
カット間隔の中央値: 3.4秒

最も多く撮っているのは

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

Figma 3フレーム Spline 3フレーム Framer 2フレーム D-ID AI Video Platform 2フレーム Perplexity 2フレーム Jitter 1フレーム

Raycast New Raycast. Coming 2026 at 0:19

RaycastNew Raycast. Coming 2026

0:19

Figma Figma Motion basics: Path trim at 2:06

FigmaFigma Motion basics: Path trim

2:06

Spline Introducing Hana V2 - Canvas design now with MCP support and 3D files support at 0:29

SplineIntroducing Hana V2 - Canvas design now with MCP support and 3D files support

0:29

Jitter Introducing Jitter 1.0 at 0:04

corner inset

JitterIntroducing Jitter 1.0

0:04

Framer Start your site with Framer AI at 0:11

FramerStart your site with Framer AI

0:11

Framer Start your site with Framer AI at 0:12

FramerStart your site with Framer AI

0:12

Perplexity Introducing Brain in Computer. Brain is a continuously learning memo... at 0:25

PerplexityIntroducing Brain in Computer. Brain is a continuously learning memo...

0:25

Figma Figma Motion basics: Motion path at 1:10

FigmaFigma Motion basics: Motion path

1:10

Figma Introducing connectors, our new MCP client in Figma Make → Connect e... at 0:04

FigmaIntroducing connectors, our new MCP client in Figma Make → Connect e...

0:04

Krea introducing Gemini Image Editing. now you can edit images with natur... at 0:04

Kreaintroducing Gemini Image Editing. now you can edit images with natur...

0:04

Josh Miller a little Sunday surprise for you... meet @browsercompany's 2nd produ... at 0:00

Josh Millera little Sunday surprise for you... meet @browsercompany's 2nd produ...

0:00

Pika Labs Introducing Pika Audio Models at 0:59

Pika LabsIntroducing Pika Audio Models

0:59

Perplexity Today, we're launching a new personalized shopping experience in Perp... at 0:19

PerplexityToday, we're launching a new personalized shopping experience in Perp...

0:19

Spline Hana: A Canvas for Real-Time Interactive Design at 1:24

SplineHana: A Canvas for Real-Time Interactive Design

1:24

Spline Hana: A Canvas for Real-Time Interactive Design at 1:30

SplineHana: A Canvas for Real-Time Interactive Design

1:30

Volkswagen Upgrades (Deutsch) | Volkswagen at 1:07

VolkswagenUpgrades (Deutsch) | Volkswagen

1:07

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

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

0:41

Tim EVERYTHING you see in the video below was generated using Claude Code... at 0:43

TimEVERYTHING you see in the video below was generated using Claude Code...

0:43

CleanShot X Automagically capture your screen with PixelSnap at 1:58

CleanShot XAutomagically capture your screen with PixelSnap

1:58

Intuit Mailchimp Mailchimp Your Marketing at 0:46

Intuit MailchimpMailchimp Your Marketing

0:46

Shopify What is Shop? | Shopping designed around you at 0:07

ShopifyWhat is Shop? | Shopping designed around you

0:07

D-ID AI Video Platform Learn how to Produce a video in D-ID Studio at 1:55

D-ID AI Video PlatformLearn how to Produce a video in D-ID Studio

1:55

D-ID AI Video Platform Agentic Videos: Turn Any Video into an Interactive AI Experience at 0:22

D-ID AI Video PlatformAgentic Videos: Turn Any Video into an Interactive AI Experience

0:22

これで全 23 枚です。