Websites & Digital Services promo video
A website promo video should show the site itself on a real device: the scroll, the click and the result. A short tour built from screenshots tells visitors what they will find before they ever open the link.
100–124
recommended tempo (BPM)
corporate
music mood · uplifting, techno
smooth
motion personality · energy 60/100
Interface
first recommended style
Audience
Who are you talking to?
Business owners and customers researching a service or product; they judge trust in seconds.
Recommended styles
In the order the industry playbook recommends them.
Color palettes
Every palette passes a readability (WCAG) check. If you have brand colors, use those.
Light theme
Browser
Accent #2563EB
Sample buttonDark theme
Dev Mode
Accent #38BDF8
Sample buttonLight theme
Studio
Accent #D14118
Sample buttonFont pairings
Display and text font pairings; all of them are free on Google Fonts.
| Display font | Text font | Mono |
|---|---|---|
| Space Grotesk 700 | Inter 400 | JetBrains Mono |
| Instrument Serif 400 | Inter Tight 400 | JetBrains Mono |
Story formats
The script skeletons that work best in this industry.
Website tour
Scrolls through the pages of a site inside a browser or phone frame.
Feature launch
Announces a new feature with the problem, the fix and how to use it.
Before / after
Shows the transformation the viewer wants: the old state, the turning point, the new state and the proof.
Problem → solution
Names the pain, makes it felt, then shows the fix and how it works.
Customer story
Opens on a real customer's strongest line and proves the result.
Stats reveal
Reveals a few verified numbers in turn and says what they mean.
Step-by-step tutorial
Shows the result first, then the steps; ends with a "save this" call to action.
Hook examples
- “Our new site in 10 seconds.”
- “Before and after: the redesign.”
- “Your order is two clicks away.”
Call-to-action examples
Avoid
- "#1 on Google" promises
- guaranteed traffic claims
- screenshots of other sites without permission
Niches (1)
This playbook also covers the niches below; your niche is recognized automatically when you create a video.
Frequently asked questions
What music works for a website promo video?
+
Music at 100–124 BPM with a corporate, uplifting, techno feel. Instead of copyrighted songs, use music composed for the video or commercially licensed tracks.
Which colors suit a website promo video?
+
The playbook's 3 palettes are Browser (light), Dev Mode (dark), Studio (light). If you have brand colors, use them, and keep at least 4.5:1 contrast between text and background.
Which style should a website promo video use?
+
The first pick is Interface: App screens, taps and notifications. Alternatives: Minimal and Editorial.
How long should a website promo video be?
+
15–60 seconds for Reels, 15–35 for TikTok and Shorts, 6–15 for Stories. For a first video, 20–30 seconds is enough for most businesses.
Make your website promo video now
This playbook is applied automatically; you only describe what you promote.
Similar industries
Sources behind this playbook
- fonts.google.com/specimen/Space+Grotesk
- fonts.google.com/specimen/Instrument+Serif
- developers.google.com/search/docs/fundamentals/do-i-need-seo
- nngroup.com/articles/how-long-do-users-stay-on-web-pages/
- ftc.gov/news-events/news/press-releases/2024/08/federal-trade-commission-announces-final-rule-banning-fake-reviews-testimonials