Lead With the Headline, Then Show the Photo

The top text layout places a solid title band across the top of the pin and fills the rest with photography. People scan from the top down, so the headline is the first thing they meet. The photo underneath then confirms the promise, which suits posts where the title is the main reason to click and the picture is supporting proof. Readers get the idea first and the detail second.

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 top text layout

    A thin accent rule sits directly under the band to give the edge a clean finish. The band is a flat color you choose, so the title is readable regardless of the picture below. It is a dependable layout for how-to posts, lists, and tutorials where the headline needs to be unmistakable at a glance, and it keeps working when the photo underneath is plain.

    Title band

    A solid block of your chosen band color runs across the top. The bold uppercase title is auto-sized to fit inside it, and your line breaks are kept. Because the background is flat, you can use any title color that passes a contrast check and know it will read well.

    Accent rule

    A thin line in your accent color sits under the band, separating text from photo. It adds a finished look with almost no visual weight. The accent color is also used for highlighted words in the title, so the rule and the emphasis match.

    Photo area

    Everything below the band is photo. With one image, it fills the space. With more, the images share it. Click a photo in the preview to drag it into position and zoom it, so the most interesting part of the shot sits in view.

    Site name

    Your site name prints at the bottom of the pin over the photo, giving viewers a way to remember where the content came from. The brand kit stores the name, colors, and fonts in your browser so you do not have to re-enter them.

    Best for

    • How-to and tutorial posts
    • Tips and mistakes lists
    • Recipe titles
    • Budget and money guides
    • Study and productivity advice
    • Seasonal checklists

    Design tips

    Write the title as the promise

    With this layout the title carries most of the persuasion, so be specific. A title that names the result and the effort, such as a number of steps or a time limit, gives people a reason to open the pin. Keep each line short so the font can stay large, and cut any word that does not change the promise. Strong verbs and concrete nouns beat vague adjectives.

    Let the band color echo the photo

    Pick a band color drawn from the image below, such as a deep green from foliage or a warm brown from a wooden table. The pin then looks designed as a unit instead of a banner stuck on top of a picture. Use the color presets if you want a quick starting point, then adjust the accent to match. A small tweak to brightness can make the pairing feel intentional.

    Use a serif for guides, a sans for lists

    Playfair Display, Lora, and DM Serif Display suit longer guides and anything with an editorial tone. Montserrat, Poppins, and Oswald fit quick lists and practical tips. You can mix up to three extra fonts on chosen words if one word deserves a different voice. Keep the rest of the title in a single font so the page stays consistent from one pin to the next.

    Choose a photo with a clear top edge

    The band sits directly against the photo, so the top of the image matters. A shot with a clean, uncluttered upper edge looks calmer than one with objects cut off by the band. Drag and zoom the photo until the first thing under the rule is intentional, whether that is a face, a dish, or a clean stretch of background.

    Mistakes to avoid

    A band that takes too much of the pin

    Five lines of large text will push the photo down and shrink it. Keep titles to two or three lines and cut filler words. If the title is long, reduce the font-size scale a little rather than adding more lines.

    Title color too close to the band

    Gray on gray or pastel on pastel looks elegant on a monitor and unreadable on a phone. Aim for strong contrast: white on a deep color, or near-black on a light one. Check the pin at a small size before you save it.

    Highlighting too many words

    When half the title is in the accent color, nothing stands out. Highlight one phrase, usually the topic or the benefit, and let the leading number take care of itself. Emphasis only works when most of the text is plain.

    Top Text layout FAQs

    How many photos work with the top text layout?

    It is designed for one to three photos placed below the band. A single image gives the cleanest result. With several, click each in the preview to drag and zoom it so every crop shows its best part. Matching the framing across photos makes the set look deliberate.

    Can I change the line under the band?

    Yes. The accent rule uses your accent color, which you can change at any time. The same color highlights chosen words in the title, so adjusting it updates both. A color preset can set band, title, and accent together if you want a fast starting point.

    How long can my title be?

    The title is auto-sized to fit the band, so longer titles simply render smaller. For the best result, use two or three short lines. Use the font-size scale between 60 and 150 percent if you want to adjust the size manually. Shorter lines almost always look better than a long single line.

    Can I save my brand colors?

    Yes. The brand kit stores your site name, colors, and fonts in your browser, so they are ready the next time you open the editor. Nothing is sent to a server, and you do not need an account, so you can start a new pin in seconds.

    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.