Hero section

库中有 50 帧匹配Hero section，分布在 19 个品牌的 30 条视频里。每一帧都是从视频本身测出来的，不是从描述文字里读来的，所以这里呈现的是这种镜头实际怎么用，而不是风格指南说它该怎么用。

这个页面没有渲染图，也没有器材清单。下面每一张都是你可以去看的视频里真实的一秒，每个数字都是数出来的真实帧数，而不是按样本估算的。

帧: 50
视频: 30
品牌: 19
剪辑间隔中位数: 4.6 秒

谁最常这样拍

按各品牌为这一切面贡献的帧数排序。

Framer 11 帧 Jitter 5 帧 Webflow 4 帧 Flux Academy 4 帧 CleanShot X 4 帧 Lovable 3 帧

designmodo Postcards 2 at 0:16

designmodoPostcards 2

0:16

Base44 Base44 Superagents - Your Personal AI Agent at 0:17

Base44Base44 Superagents - Your Personal AI Agent

0:17

Jitter Introducing Jitter 1.0 at 0:02

JitterIntroducing Jitter 1.0

0:02

Framer Start your site with Framer AI at 0:21

FramerStart your site with Framer AI

0:21

Framer Framer Convert: Understand, Test, and Optimize. at 0:16

FramerFramer Convert: Understand, Test, and Optimize.

0:16

Framer Framer Convert: Understand, Test, and Optimize. at 0:22

FramerFramer Convert: Understand, Test, and Optimize.

0:22

Kenneth Cassel we're launching instant quote weldments you can upload a sheet metal... at 0:34

Kenneth Casselwe're launching instant quote weldments you can upload a sheet metal...

0:34

Framer Framer: Ship Faster. Build Smarter. at 0:00

FramerFramer: Ship Faster. Build Smarter.

0:00

Replit You can now run black-box pen tests for your Replit apps. Security ... at 0:25

ReplitYou can now run black-box pen tests for your Replit apps. Security ...

0:25

Glorify App Master Facebook Cover Design under 4 Minutes at 0:02

Glorify AppMaster Facebook Cover Design under 4 Minutes

0:02

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

WebflowWelcome to Webflow: Build, Launch, Optimize

2:22

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

WebflowWelcome to Webflow: Build, Launch, Optimize

2:44

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

WebflowWelcome to Webflow: Build, Launch, Optimize

2:46

JitterAnimate your company Logo

0:00

JitterAnimate your company Logo

0:01

JitterAnimate your company Logo

0:04

JitterAnimate your company Logo

0:07

Starter Story How Postiz Went From $17K to $143K/Month in 4 Months at 0:22

Starter StoryHow Postiz Went From $17K to $143K/Month in 4 Months

0:22

Perplexity Personal Computer for Mac | Perplexity Academy at 0:38

PerplexityPersonal Computer for Mac | Perplexity Academy

0:38

Framer How Skarlo unlocked a market to build a global agency at 1:18

FramerHow Skarlo unlocked a market to build a global agency

1:18

Framer How Skarlo unlocked a market to build a global agency at 2:07

FramerHow Skarlo unlocked a market to build a global agency

2:07

Lovable Lovable – An AI Full-Stack Engineer at 0:17

LovableLovable – An AI Full-Stack Engineer

0:17

Lovable Lovable – An AI Full-Stack Engineer at 0:18

corner inset

LovableLovable – An AI Full-Stack Engineer

0:18

Lovable Lovable – An AI Full-Stack Engineer at 0:19

LovableLovable – An AI Full-Stack Engineer

0:19

Raycast Raycast AI: The magic of AI, right on your Mac at 5:43

RaycastRaycast AI: The magic of AI, right on your Mac

5:43

Spline How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks at 1:26

SplineHow to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

1:26

Spline How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks at 1:55

SplineHow to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

1:55

Spline How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks at 2:27

SplineHow to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

2:27

Framer Around the world with Framer Agents at 0:34

FramerAround the world with Framer Agents

0:34

Webflow MCP 2.0: Don't Just Build Fast. Build for What's Next. at 0:19

WebflowMCP 2.0: Don't Just Build Fast. Build for What's Next.

0:19

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

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

2:27

CleanShot X Automagically capture your screen with PixelSnap at 0:16

CleanShot XAutomagically capture your screen with PixelSnap

0:16

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

CleanShot XAutomagically capture your screen with PixelSnap

1:06

Framer How Trueform built an agency that pushed the boundaries of Framer at 2:23

corner inset

FramerHow Trueform built an agency that pushed the boundaries of Framer

2:23

Framer How Trueform built an agency that pushed the boundaries of Framer at 2:32

FramerHow Trueform built an agency that pushed the boundaries of Framer

2:32

Framer How Trueform built an agency that pushed the boundaries of Framer at 2:35

FramerHow Trueform built an agency that pushed the boundaries of Framer

2:35

Framer How Trueform built an agency that pushed the boundaries of Framer at 2:36

wide presenter

FramerHow Trueform built an agency that pushed the boundaries of Framer

2:36

CleanShot X CleanShot 4.2 - All-In-One, Curved Arrows, Black Out Tool, Recorder Settings at 0:13

corner inset

CleanShot XCleanShot 4.2 - All-In-One, Curved Arrows, Black Out Tool, Recorder Settings

0:13

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

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

0:22

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

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

1:07

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

Raycast⚠️ Raycast can now see your screen

2:42

Things Inc New features on desktop web at 0:38

wide presenter

Things IncNew features on desktop web

0:38

Productive Dude Claude Design FULL Tutorial: Beginner to Pro at 14:51

Productive DudeClaude Design FULL Tutorial: Beginner to Pro

14:51

Productive Dude Claude Design FULL Tutorial: Beginner to Pro at 14:57

medium presenter

Productive DudeClaude Design FULL Tutorial: Beginner to Pro

14:57

Flux Academy The Plugin You’ve Been Dreaming About: Figma To Webflow at 0:18

corner inset

Flux AcademyThe Plugin You’ve Been Dreaming About: Figma To Webflow

0:18

Flux Academy The Plugin You’ve Been Dreaming About: Figma To Webflow at 0:47

corner inset

Flux AcademyThe Plugin You’ve Been Dreaming About: Figma To Webflow

0:47

Flux Academy The Plugin You’ve Been Dreaming About: Figma To Webflow at 0:54

corner inset

Flux AcademyThe Plugin You’ve Been Dreaming About: Figma To Webflow

0:54

Flux Academy The Plugin You’ve Been Dreaming About: Figma To Webflow at 1:03

corner inset

Flux AcademyThe Plugin You’ve Been Dreaming About: Figma To Webflow

1:03

Sketch Together A design tool for humans and robots at 3:06

corner inset

Sketch TogetherA design tool for humans and robots

3:06

Cursor The next era of AI coding at 8:13

CursorThe next era of AI coding

8:13

这就是全部 50 帧了。