For new Casted Video customers or anyone launching a new show:
If you’re using video content and either new to Casted or launching a new show, you'll probably want videograms to promote your content.
Casted makes it incredibly easy to select bite-sized pieces of your content, create clips, and quickly generate videograms to amplify across social media, blog posts, and other channels.
While we provide basic videogram templates in Casted, some customers have the option to build custom videogram templates to better align with their branding.
Note: Check your contract or reach out to your Customer Success Manager if you’re unsure if this applies to you!
What we'll cover:
We’re going to walk you through this process so you know exactly what a videogram looks like, what elements are included, and what you can (and can’t) customize in your design.
Okay, so first, what is a videogram?
Videograms combine a short video clip with other visual elements to create a polished, branded short video that is perfect for sharing and promoting your content.
Check out one of ours:
Videograms vs. audiograms
While audiograms rely on waveforms and subtitles for eye-catching animation, video already delivers that effect. So we usually recommend keeping your videogram template simple to focus the attention on the speaker(s) in the clip.
Here’s a comparison of a Casted audiogram and a Casted videogram:
While videograms may not need all of the elements used in audiograms, the same dynamic elements are available for use in your design.
Subtitles are the transcript of what the speaker(s) is/are saying during that portion of the clip. They will update and track along as the clip plays.
The thumbnail of the episode. If you use a different thumbnail for each episode, this can update dynamically within any videograms you generate. If you choose not to use an episode thumbnail, this image will default to the show art.
The title of the episode or item where the clip is coming from.
This is the title of the show or collection.
The waveform is the animated audio data visualization. It will animate based on the speaker(s) in the clip. While waveforms are a key element of audiograms, we don’t typically see them used in videograms.
Designing your videogram
As you begin designing your videogram, we recommend that you create a model of the template. Most of our customers love Figma, Canva, and Adobe Photoshop, but you can use the tool you prefer to work in.
We’ve provided some resources to get you started in the Casted Videogram Starter Kit, including basic templates, placeholder elements, and the Casted Videogram Spec Worksheet.
1. Size of videogram
It’s important to use the right videogram size based on how/where you want to use them. There are 3 different sizes available.
This landscape-style size is used the most by our customers and offers the most versatility. We recommend using this size for traditional social media promotion, YouTube short clips, bolstering web content, sharing with customers or prospects, or anything that is likely to be viewed via desktop.
This square size is great for Instagram posts, social ads, and is generally more mobile-friendly.
This long, vertical template is best used for TikTok, Instagram and/or Facebook stories, email newsletters, and is also more mobile friendly.
2. Select your dynamic elements
Remember the 5 elements that we reviewed in the “videograms vs. audiograms” section? Now, you’ll want to decide which elements you want to include in your design. As a reminder, these are:
- Episode Thumbnail
- Episode Title
- Show Title
- Waveform (not recommended)
These elements are dynamic, meaning that they will update based on the clip, episode, and show you are generating the videograms for.
While all of these elements are optional, we always recommend including subtitles in your design. Subtitles are helpful for comprehension and accessibility!
3. Add other visual elements to match your brand
You may also introduce additional images or designs (like we did with the purple & green doodles above), but keep in mind that these will remain unchanged from one videogram to the next.
Some examples of additional static elements:
- Background color or image
- Company logo
- Designs, icons, or imagery
- Podcast badges to reflect where the show is available
- Instructional text (i.e. “Subscribe on Apple Podcasts” or “Watch every Friday”)
4. Document your specs
We want to help you make sure your videogram matches your brand guidelines as accurately as possible.
When sending your design back to Casted, you’ll want to include all of the specs and assets required for the videogram.
In your starter kit, you’ll find the Casted Videogram Spec Worksheet. This will be your guide in thoroughly documenting all of your specifications.
Using Custom Fonts
We currently support 4 weights: Regular, Italics, Bold, and Bold-Italics. When providing the .ttf font files with the template, please make sure the file names indicate the font weight.
- Regular -> ExampleSans-Regular.ttf
- Bold -> ExampleSans-Bold.ttf
- Italic -> ExampleSans-Italic.ttf
- Bold Italic -> ExampleSans-BoldItalic.ttf
You don't have to provide all font types, only the ones you'd like to use.
By sending us any fonts/font files, you represent and warrant that you own or otherwise have the valid right to use such files.
Best practices for designing a videogram
Videograms are a favorite around here and we’ve created a lot of them for our customers. So we’re using this experience to help point you in the right direction with a list of best practices!
Using one template across multiple shows:
- Incorporate the Show Title, Episode Title, and Episode Thumbnail in your design so your audience knows where to find the content they’ve just previewed.
- Make sure the static elements in your design will work with the various Episode Thumbnails. For example, if your branding is generally blue, but one show uses bright yellow for their art, you may not love the result.
- If branding varies widely from show to show, consider keeping things simple and neutral in your template and focusing more heavily on the dynamic Episode Thumbnail.
- Make sure you are leaving enough space in your design to accommodate Subtitles that contain a lot of words or longer words. Tight spaces can sometimes lead to Subtitles being pushed to an additional line.
Intros & outros:
- If you’re interested in adding an animation to the beginning or end of your audiogram, we can help!
- While we can help add this to the template, you will need to provide the full animation(s) with your template.
- Keep in mind, the intro and/or outro will remain the same with each audiogram. They cannot be dynamically changed on a clip-by-clip or episode-by-episode basis.