The FramePond field guide · 12 examples
A useful thumbnail makes one idea visible before the viewer reads the video title. These examples explore different ways to do that: a face beside a result, a product comparison, a dramatic scene or a short, oversized headline.
Explore the examples
01 / The brief
Choose a composition from the gallery, then build it around the actual video. The examples are AI-generated references, not evidence of higher click-through rates; the original starter below is a separate exercise. FramePond supports text and reference images. To preserve your own face or an exact product, upload a clear reference and check the result, or combine the background with your real cutout in an editor.
Write a plain sentence describing what the viewer will learn or see. For a tutorial, show the completed result; for a review, choose one product and one useful contrast. Pick the main visual before the headline. A thumbnail about building a website should show the site or its creator, not an unrelated dramatic scene.
Original starter: “Create a wide 16:9 illustration for a video about organizing a small desk. Place a compact desk with a clearly arranged laptop and lamp on the right. Leave the left third calm and dark for a short headline. Warm side light, simple shapes, strong subject separation, no people, logos or text.” Replace the task and main object; add an accurate headline afterward.
For a creator-led thumbnail, use a photo you own as a cutout or provide it to a reference-capable image editor. Leave clear space around the eyes and face. Add exact headlines and product screens in an editor so you can control spelling and scale. In FramePond, add your photo as a reference and check that the result preserves your likeness.
Resize a copy to roughly 320 pixels wide as a quick legibility check, not an upload specification. Can you recognize the subject and read the main words immediately? If not, enlarge the subject, shorten the headline or remove a competing object. Keep important content away from the lower-right area where the player’s duration label may sit.
Create one version showing the outcome and another showing the process. Keep the title, subject scale and color treatment comparable so you can describe what changed, and save each version with a meaningful name so later results can be matched to it.
If the image feels crowded, remove secondary icons before adding contrast. If text is hard to read, place it over a calm area and inspect the small preview again. For a portrait or square reference, rebuild a wide layout instead of stretching it. Finally, view the thumbnail beside the video title and remove any claim the video does not deliver.
02 / The gallery
Browse the images and adaptation notes freely, and unlock full prompts on their detail pages. Pro subscribers can generate images here, or copy prompts into an image tool of their choice.
The face, laptop and short headline establish a tutorial quickly. Replace the screen with your real result, prioritize the presenter and finished site over the small checklist at feed size, and keep a timer only when the video supports that time claim.
View prompt & source
Green and red split the evaluation into two sides. Choose one comparison and keep the phone larger than any supporting icons; avoid crowding the frame with fine specifications. A useful variation is the same phone and layout with only one positive and one negative cue, leaving room for the title to explain the verdict.
View prompt & source
The silhouette gives scale while the pyramids carry the subject. For a destination video, use a recognizable landmark and reserve a calm area for the title. If the headline competes with the sun, move it to a darker area rather than covering the landmark.
View prompt & source
A single illuminated object gives the viewer somewhere to look. Adapt the prop to the story and keep the text short enough to read without enlarging the thumbnail. The letter is the focal object; remove secondary room details if they hide its outline in a small preview.
View prompt & source
The expression and crowded surroundings communicate the story together. Keep only props that matter to the video and avoid a headline that overstates what happened. For a less crowded version, retain the expression and one meaningful snack prop, then compare the headline’s readability.
View prompt & source
Bright edge lighting separates the dark car from the night scene. Keep the product outline recognizable and distinguish a speculative concept from a real product review. Use actual product imagery for a factual review; this futuristic car is a reference for lighting and placement.
View prompt & source
The character and headline share one strong yellow palette. Use a mascot or object related to your topic and remove background panels if they become unreadable at feed size. Compare the main character’s size with the smaller surrounding images; only keep supporting images that remain legible.
View prompt & source
The close character and diagonal stripes create energy. Keep facial features and the main title separate; use your own character design when adapting the composition. Reuse the subject-versus-type separation, then replace the lettering with words appropriate to your video.
View prompt & source
The horizon and warm sky establish the mood. In a thumbnail adaptation, enlarge the key subject and replace the fine caption with a shorter, more legible line. A wider crop can retain the sunset, but the fine text at the left needs separate typesetting or removal for thumbnail use.
View prompt & source
The playful subject supports oversized lettering. Choose fewer words than this example if the title becomes hard to scan; rebuild the composition in a wide frame. Preserve the contrast between the yellow title and background while simplifying the headline to your actual topic.
View prompt & source
Window light and a quiet setting make the portrait feel reflective. Rebuild this portrait as a wide layout: keep the person on one side with room around the face, and place a concise headline in the darker space on the other.
View prompt & source
A single face ties the two halves together. Use the contrast to tell a real before-and-after story, with aligned facial scale and a clean dividing line.
View prompt & sourceFor a tutorial, the website example makes the finished screen part of the promise. Start with that direction when viewers need to see what they will make. For a review, the phone example uses a face and a green/red comparison to frame a verdict. A reaction alone does not show what was tested: keep the actual product prominent and replace the generated screen with your own evidence. Choose the visual that explains this video, then write the headline to add context.
Tutorial: show the finished result Review: create a clear comparisonThe cafe portrait places tall lettering beside the person; the kitten image stacks several lines across a square frame. Stretching either to 16:9 distorts the subject, while cropping can remove the face or headline. Rebuild the layout with the subject on one side and a short headline on the other. In a reference-capable editor, extend the background while retaining your own subject, then set exact text separately. Check the new composition at a small size before choosing it.
Personal milestone: portrait and headline How-to: playful type and one subjectHold the video title and core subject constant. Make version A show the outcome and version B show one meaningful obstacle, using a similar headline length and subject size. The letter example isolates a single prop, while the snack scene pairs an expression with a busy setting. Use comparable audience data from your actual video to assess drafts.
Mystery: one unanswered question Personal story: face and consequence03 / Before you publish
Put the final thumbnail beside its video title at a small display size. The two should work together: use the image for the scene or result and the title for useful context. Remove tiny captions that only become readable when enlarged.
Check the actual face, product screen, logos and headline spelling. AI-generated people and concept products should not imply a real endorsement or a review of hardware you did not test.
Keep a record of which version was published and when. Evaluate it with the video’s actual audience and performance data; the gallery supplies composition ideas, not a promised click-through improvement.
Draft your thumbnail background directly in the generator using your own prompt or an unlocked concept. Attach creator portraits or object references to preserve visual continuity, generate in 16:9, and verify small-preview clarity and subject separation before downloading. Add exact channel titles separately in your layout editor.
Create thumbnailSet up Agent →Browse the full category →Compare Free and Pro