# Callout card: Text Callout

A dark rounded card with a thin border shows a cyan KEY POINT label and one bold line of text. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/html-css/callout-card

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-html-callout-card.mp4?v=e510f8f728

A wide dark card with a small cyan label and a bold headline, used to call out one key point over a video.

- Framework: HTML & CSS
- Category: Annotations
- Duration: 3 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/html-css/callout-card

A wide rounded card with a thin light border appears across the upper part of the frame. Inside, a small cyan label in spaced capitals reads KEY POINT, and a bold white line below it says Make this moment count in the default text. The card animates in with CSS keyframes and the full animation runs three seconds, leaving the lower part of the frame open for your footage.

There are no editor controls, so you edit the label, the main line and the colors directly in the HTML and CSS, by hand or with an AI coding agent. Keep the main line short so it reads in one glance. Use it to stress a takeaway in tutorials, flag a key stat in explainers, or add a quick note to a talking-head video.

## Use it for

- Key takeaways in tutorials
- Highlighting a stat in explainers
- Notes over talking-head videos
- Lesson summaries in courses

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Callout card and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.