BeforeAfterPro templateE-commerce / ProductBrand
Product Bold
Brand category, on a 1:1 square canvas, with Bebas Neue labels reading Before and After, over a gradient ground. Drag the handle to see it work.
BeforeAfterThe job it is forE-commerce / Product pack
What Product Bold is for
Near-black with a three point yellow rule and yellow condensed caps, square. It is the restoration and refurb frame: a cleaned part, a repaired tool, a resoled boot, a repainted piece of furniture photographed on the same surface twice. Yellow on black is the language of workshops and hazard marking, and it suits work that involved getting dirty.
Behind the pair sits a 2 stop gradient, #0A0A0A through #111111, drawn by the frame itself. The rule between the halves is #FFE600 at 3 points, and the wording sits bottom centre in Bebas Neue. Corners are square, with no radius at all, on a 1:1 square frame, and the default wording is Before and After.
The specificationExtracted, not typed
Every value in Product Bold, as the build holds it
The value to check first on a brand template is the branding band: whether one is reserved at all, and how deep it runs. The diagram shows it at the scale the build specifies, under the outline of the frame, the rule and the label corner. What is left of the record, the part made of words, is set out in the panel next to it.
- Canvas1:1
- Rule3 pt
- LabelsBottom centre
- BandNone
- Canvas
- 1:1 square
- Label face
- Bebas Neue
- Label corner
- Bottom centre
- Rule
- 3 pt
- Corners
- Square
- Ground
- 2 stop gradient
- Branding
- Overlaid, no band
- Date stamp
- Off by default
- Default wording
- Before and After
- Pack
- E-commerce / Product
- Frame#0A0A0A
- Ground stop 1#0A0A0A
- Ground stop 2#111111
- Rule#FFE600
- Label#FFE600
Read out of the shipped app build by the catalogue extractor, not typed.
Shooting for itBrand category
How to shoot a pair for Product Bold
Consistency across posts matters more here than any single pair. A company feed is read as a body of work, so the frame, the ground colour and the label wording want to stay the same from post to post until they are recognisable. Pick one template and stay on it. What must be visible in each pair is the job: a room emptied, a listing staged, a product photographed on the same seamless twice. Vary the subject, never the frame.
In orderWritten for brand work
- 01Load your logo and business name once. They are stored, so every export after the first carries them without another decision.
- 02Choose one template and treat it as the company's frame. Recognition is the whole return on a branded post.
- 03Shoot both frames on the same setup: same height, same background, same distance. A company feed is judged on whether the pairs look like a system.
- 04Keep the label wording in your own language rather than the default where it matters. The words are editable text, including the typeface, colour and position.
- 05Export and file it. Saved projects can be reopened and re-edited, which is how a listing gets a second version when the price or the caption changes.
A company feed gets read as a body of work, so a weak pair costs more than the single post it sits in. The slider that runs in this browser checks the two photographs on your own device in about two seconds, and the guide to pairs that lose trust covers the drift that most often gets through.
Honest limitsTwo of them, and both are real
What Product Bold will not do
The branding strip is a reserved band of a fixed depth under the pair, so a wide or unusually shaped logo is scaled to fit inside it rather than laid over the photograph. It is not a watermark and not a full brand kit: one logo, one business name, in one place. Nothing in the app checks that you have the rights to a property photograph or a product shot, and listing photographs in particular usually belong to whoever took them. And a branded frame around a weak pair still shows a weak pair, with your name under it.
On this template in particularThe gradient is part of the template rather than a filter over your photographs, so it cannot be turned off or recoloured. If the ground is fighting your subject, the fix is a different template rather than a setting.
If this one is not itFour questions, four answers
Without upgrading
BeforeAfterOpens on the free tier, on a 1:1 square canvas with Inter Bold labels.
Same pack, other end
BeforeAfterA lighter ground in the same pack, with a 1 point #AAAAAA rule.
Same label face
BeforeAfterAlso set in Bebas Neue, so a series can change frame without changing voice.
Nearby in the catalogue
BeforeAfterclean category, 1:1 square, Free pack.
After the frame, the pair and the captionFor e-commerce / product work
Back up to every brand template, or to the whole catalogue. The free browser slider is at the slider tool, and the hashtag research by trade starts at the hashtag index.
Common questions
- Who is the Product Bold template for?
- Near-black with a three point yellow rule and yellow condensed caps, square. It is the restoration and refurb frame: a cleaned part, a repaired tool, a resoled boot, a repainted piece of furniture photographed on the same surface twice. Yellow on black is the language of workshops and hazard marking, and it suits work that involved getting dirty.
- When should I use something other than Product Bold?
- It is far too loud for a clean product listing. Anything being sold as new or premium looks refurbished inside this frame, and Product Clean is the one that does not editorialise.
- Is Product Bold free?
- No, it is one of the Pro templates. The free tier opens 8 of the 100, and everything else in the editor is free with them: all four comparison modes, Ghost Camera, the filters, the stickers, the full label editor, and your own logo and business name.
- What shape is Product Bold, and what will it export at?
- The template's canvas is 1:1 square. The export ratio is a separate choice made in the export sheet: 9:16 and 1:1 on the free tier, plus 4:5 and the original ratio on Pro. 1:1 is among them, so the canvas and the export can match exactly.
- Can I change the BEFORE and AFTER wording?
- Yes. Product Bold starts with "Before" and "After", and every part of that is editable: the text, the typeface, the colour, the size, bold and italic, uppercase, a shadow, the background opacity, and the position, either one of five presets or dragged anywhere on the canvas.
- Can I compare two video clips with this?
- It does not. A branded post here is two photographs inside your frame, exported as a video, a GIF or a still. Anything involving footage happens somewhere else before it reaches the camera roll.
Put your own pair in Product Bold
Two photographs, one template, and a reveal that plays in about four seconds. Three exports a day are free, each behind a short rewarded ad.
Get the app freeiPhone, iOS 17 and later