Browser hero with callouts
The real product in a large browser window (the brand's own address in the bar) on a deep brand-gradient stage, under a bold headline, with three or four numbered chips floating on the window's top and bottom edges, each wired by a leader line to a numbered marker on the screen — a launch-page hero that names what each part of the product does.
When the AI picks it
MarketiQ’s Creative Director favours the Browser hero with callouts for posts that teach, get people to act or announce news, when the message is a list, one sharp insight or steps or a process. It is built first to teach.
It reads each post’s goal and shape first, then its own words, the platform and the facts you have, and offers this template only where it fits.
Who it’s for
Any business. Nothing in it assumes what you sell, so the Director can offer it to a software company, a café or a coaching centre alike — whenever the post fits.
Platforms and sizes
| Size | Where |
|---|---|
| 4:51080 × 1350 px | Instagram, Facebook, LinkedIn, Threads, Pinterest, Reddit |
| 1:11080 × 1080 px | Ads |
| 9:161080 × 1920 px | TikTok |
| 16:91600 × 900 px | X, YouTube |
| 1.91:11200 × 628 px | Newsletter, Blog |
Single image. Each size is laid out for its canvas, not cropped; the sample above is the 4:5 version.
What it needs
The Director offers it only when these exist. Without them it simply picks another template.
- A real desktop screen of your product, never a stand-in
The sample shows a text-free stand-in where the screens go; MarketiQ only ever places real screens of your own app or website.
Rules the AI follows
Word for word from the template library. The Director follows the copy rules when it writes into the template, and the visual review checks every creative against the visual rules.
Copy rules
- The headline says what the product on screen does for the reader — not a slogan about the brand.
- Each callout names one real feature that is visible on the screen, in two to four words.
- Markers point at where each feature is (words like 'top left' are safest); leave it empty when unsure.
Visual rules
- One real desktop capture in a large browser window, shown from the top — never mock UI.
- Numbered white chips straddle the window's top and bottom edges; thin leader lines join each chip to its numbered brand marker on the screen; lines never cross a chip.
- Deep brand-gradient stage with fine line-art, the logo top right and the keyword in a palette pill.
More Device mockups templates
Tablet
The real product on a landscape tablet rising into a light brand stage, under a bold headline with two or three iconed benefit lines set on a ruled grid
Phone with feature cards
One hero phone showing the real app on a deep brand-gradient stage, with three or four white feature cards (icon + a few words) floating around it at staggered depths…
Old way / new way
A split card: the old way as a typographic panel on muted paper with three or four pains struck through, turning into the new way on a deep brand stage
Feature zoom
The real product in its device on a light brand stage, with a magnifying lens (ring and handle) holding a sharp 2.2x close-up of one feature of the SAME capture, the…
Dashboard + KPI
The real dashboard on a laptop on a deep brand-gradient stage, with one big real number on a bold brand card overlapping the device's corner
Watch it work
A video cover: the real product in its device on a deep brand stage, dimmed under a dark veil with a big brand play button, a 'Watch it work' label, a scrub bar and the…
New feature
A launch card: the real product in its device on a light brand stage with a palette starburst 'NEW' badge over its corner, the feature's name set big, one line on what…
Notifications over a phone
A hero phone showing the real app on a deep brand stage, with two to four generic notification cards (the brand's app tile, a title, one line, a time) stacked and…
Make a Browser hero with callouts with your brand.
MarketiQ writes the post, picks the template that carries it best — this one, when it fits — and fills it with your logo, colours, facts and copy.