Put a Bold Title Over One Great Photo

The text overlay layout uses a single photo that runs edge to edge. A dark gradient rises from the bottom, and your title sits on top of it across the lower half. The photo does the emotional work while the gradient guarantees the words can be read, even when the picture underneath is bright, detailed, or full of small objects.

Click a photo to drag it · drag a corner or scroll to zoom · click an empty slot to add one

1 Photos
    2 Title & branding
    Mix fonts in one title

    Type words from your title and pick a font for them. The rest stays in the main font. The first matching row wins.

    3 Layout & style
    Style presets
    Title
    Accent
    Band

    Shortcuts: Ctrl+Enter download · Ctrl+D duplicate & remix · Esc deselect photo

    Anatomy of the text overlay layout

    It works best when you have one strong image, such as a finished dish, a landscape, or a styled room. You control how dark the gradient gets with the overlay darkness setting, and you can add an outline to the letters when a photo is particularly busy. Everything runs in your browser, so nothing is uploaded while you experiment. Try different photos until one feels right.

    Full-bleed photo

    The photo covers the whole pin. Click it in the preview to drag it so the subject sits in the upper half, then zoom with the corner handles or slider. Leaving the lower half calm gives the title a place to land without covering anything important, and the photo still fills the frame.

    Dark gradient

    A gradient fades in from the bottom edge and tints toward your chosen band color. The overlay darkness control sets how strong it is. Raise it for bright photos, lower it for already-dark ones. The photo dim setting darkens the whole image evenly if the gradient alone is not enough.

    Title block

    The bold uppercase title is sized automatically to fit across the lower half, and your manual line breaks are kept. Line spacing and a 60–150% font-size scale let you fine-tune the block until it feels balanced against the photo and the gradient beneath it.

    Optional letter outline

    Turn on the stroke to draw an outline around each letter, then set its width and color. A thin dark outline helps white letters survive over light areas such as sky or snow, while a colored outline gives a graphic, poster-like look. Use it sparingly and keep the width modest so letters stay clean and sharp. Choose a color that contrasts with both the letters and the photo.

    Best for

    • Travel destination posts
    • Single-recipe pins
    • Quote and inspiration pins
    • Before-you-go checklists
    • Beauty and style looks
    • Blog post hero images

    Design tips

    Frame the photo for the text

    Before you type anything, drag the photo so the subject sits in the top half and the bottom half holds plain texture, such as table, sky, or floor. The title then covers the least interesting part of the image. A photo with a busy bottom edge needs a stronger gradient to compensate, and a photo with a calm bottom edge may need almost none.

    Raise darkness before adding a stroke

    If the title feels hard to read, increase the overlay darkness first. It fixes the root problem, which is a bright background, without changing the letter shapes. Reach for the outline only when the gradient has already done what it can and a few highlights still compete with the text. Changing one setting at a time makes it clear which adjustment actually helped.

    Pick a font with weight

    Thin letters struggle over photos. Anton, Bebas Neue, and Archivo Black hold up well because their strokes are thick. Serif choices such as DM Serif Display add warmth for travel and lifestyle posts, while heavy sans faces feel more urgent. Keep the title to three lines so each one can stay large, and use the font-size scale if you want the block bigger or smaller.

    Highlight one phrase, not five

    The accent color is most effective on a single word or short phrase, such as the destination name or the key benefit. A leading number is highlighted for you. Picking the destination, the benefit, or the key noun works well. Coloring more than that dilutes the effect and makes the title look like a ransom note. If two phrases truly matter, pick the more specific one.

    Mistakes to avoid

    Covering the subject with the title

    When the main subject sits in the lower half, the title lands right on top of it. Reposition the photo first, or zoom out slightly so there is room. If the subject cannot move, consider the bottom panel layout instead.

    Gradient set so heavy the photo disappears

    Maximum darkness turns the lower half into a black block and wastes the photo. Increase it in small steps until the letters are comfortable to read, then stop. The photo should still be recognizable behind the text, because the picture is what earns the first look.

    Thick outlines on small text

    A wide stroke on a long title fills in the gaps between letters and makes the words look smudged. Keep the outline width low, or skip it entirely for titles with many short words. A clean, darker gradient usually looks better and keeps the type sharp at small sizes.

    Text Overlay layout FAQs

    How do I make the title easier to read over a photo?

    Increase the overlay darkness so the gradient is stronger behind the text. If a bright patch still interferes, lower the photo dim slightly or reposition the image. As a last step, turn on the letter outline and keep its width small so the letters stay clean.

    Can I use more than one photo with this layout?

    The text overlay layout is built around one full-bleed photo. For two or more images, try the collage, top text, bottom panel, or side-by-side layouts. You can switch layouts in the editor without retyping your title, which makes it easy to compare.

    Which fonts work best for overlays?

    Heavy, condensed faces such as Anton, Bebas Neue, and Archivo Black stay readable over images. Montserrat and Poppins are solid all-rounders. Script fonts like Caveat and Pacifico can be mixed in on a single word for personality, but use them lightly.

    Does the download include a watermark?

    No. The pin downloads as a clean PNG with no watermark, and the tool is free with no sign-up. Your photo is processed inside your browser and is never uploaded, so you keep control of your images at every step.

    Is this pin maker really free with no watermark?

    Yes. Every layout, size and export is free, with no sign-up and no watermark on the PNG. The only branding on your pin is the site name you type in.

    Are my photos uploaded?

    No. Photos are processed inside your browser tab and never sent to a server. Closing the tab discards them.