Interface Surround: a floating UI animation around your headline or logo
Interface Surround is a five-second scene where a short title, a supporting line or your logo sits in the center while four real interface cards from your product drift softly at the edges. The words lead and the product is the atmosphere, which makes it a good fit for opening statements, section titles and recaps.
The preview shows placeholder content. Your video uses your UI, words, logo and colors.
- Role
- Feature
- Length
- 5 seconds
- Uses
- Your real product UI
- Format
- 16:9, up to 4K
What it looks like
A few words, your logo, or both hold the middle of the frame. Around them, four cards captured from your product float near the corners, soft and out of focus, drifting slowly. The viewer gets a taste of the interface without needing to read it, while the headline carries the message. The overall effect is confident, wide and premium, and kind to viewers who are not technical.
It works at the opening, between sections, or as a recap right before the call to action, and it feels confident and wide.
Best for
- Opening a video with a statement surrounded by your product
- Naming a section with pieces of that section in view
- Recapping everything before the call to action
- Showing your logo surrounded by what the product does
What you add
- A title of a few words, a supporting line, your logo, or a mix
- Four different components captured from one page
Capture tips
- Open a page with several kinds of blocks on one screen, like a chart, a stat, a list and a card with a button.
- Select exactly four whole components that differ in shape and content, one for each corner.
- Choose medium to large components with bold shapes, since they sit soft behind the text and shape matters more than detail.
- Avoid bare text, tiny icons or tags, overlapping picks, the sidebar, the top bar and full-width sections.
Videos this scene works in
Product launch video
The 30 to 45 second video for launch day: what it is, who it is for, why now.
Read the guideWebsite hero video
A silent, looping product video for the top of your homepage.
Read the guideProduct Hunt launch video
The first item in your Product Hunt gallery, made to stop the scroll.
Read the guideSaaS promo video
A punchy promo for ads, social and email, built from your product.
Read the guidePairs well with
Opener · your real UI
Hero Showcase
Hero Showcase is a 4-second scene that goes from your brand straight into your product: your logo sits in the center with two short headlines, then…
Opener · your real UI
Opening Platform Reveal
Opening Platform Reveal is a 4-second intro where your logo arrives first, then two short title lines build on one side while your real product…
Ending
Call to Action
Call to Action is a call to action end screen: your logo appears, then a button that a cursor clicks, telling the viewer exactly what to do next.
Questions
Can Interface Surround explain how a feature works?
No. The cards are soft background atmosphere, so use it for an idea or a statement and pick another scene to explain a feature.
What goes in the center?
A title of only a few words, a supporting line, your logo, or the logo and title together.
Is it a good choice for a non-technical audience?
Yes. It shows the interface without asking anyone to read it, which suits viewers who are not technical.
Put Interface Surround in your next video
Describe the video in a sentence. The Wevi Agent reads your site, captures your product, plans the scenes and renders with voiceover and music. Start free.
Or ask your assistant: Make a launch video for mysite.com with Wevi and open on the Interface Surround scene