UI MIMIC TEMPLATE

Progress dialog

A retro installer window — 'Installing results…' — with a progress bar and a step log of ticked and in-progress lines, turning the brand's process into something visibly under way.

Single image12 platformsShows what you sellVoice: Playful, Bold
Sample Progress dialog creative (UI mimic template), shown on the fictional brand Northfield Studio
Sample at 4:5, shown on Northfield Studio, a fictional brand. MarketiQ fills each template with your brand, facts and copy.

When the AI picks it

MarketiQ’s Creative Director favours the Progress dialog for posts that teach, entertain, prove a point or announce news, when the message is steps or a process, a timeline or one sharp insight. 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.

Teach somethingEntertainProve a pointAnnounce newssteps or a processa timelineone sharp insight

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

Sizes Progress dialog is made at on each platform
SizeWhere
4:51080 × 1350 pxInstagram, Facebook, LinkedIn, Threads, Reddit
1:11080 × 1080 pxAds
9:161080 × 1920 pxTikTok
2:31000 × 1500 pxPinterest
16:91600 × 900 pxX, YouTube
1.91:11200 × 628 pxNewsletter, Blog

Single image. Each size is laid out for its canvas, not cropped; the sample above is the 4:5 version.

What it needs

Only your post. It is made from your copy and your brand kit — there is nothing else to prepare.

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

  1. Short canvases show the newest steps (square: 4, landscape: 3) — the in-progress step always stays.
  2. Steps are the brand's real process stages in order (e.g. Brief → Renders → Build → Handover).
  3. The percentage must come from the copy; without one the bar runs as an endless marquee.
  4. The title and status line carry the wit; the steps carry the facts.

Visual rules

  1. The family's retro window chrome (striped title bar, ink outline, hard shadow) with a brand icon tile, a segmented brand progress bar, a condensed percentage and a sunken mono step log with ticks and a cursor.
  2. A dashed, disabled Cancel; logo above, brand footer bar with the website.