Create Promotional Graphics with Correct Prices, Discounts and Hierarchy

Calculate a promotion correctly, organize its price and conditions, and build an editable graphic with original artwork. Check real copy and remove placeholders before export.

Create Promotional Graphics with Correct Prices, Discounts and Hierarchy
Dreamina
Dreamina
Oct 15, 2026

Build a promotional graphic from an approved offer, not from a persuasive-looking number. Calculate the relationship between the reference price, sale price and saving; choose one main message; keep the product scope and conditions close to that message; then place the exact copy over artwork that gives it room.

Table of content
  1. Write the offer as facts before writing the headline
  2. Calculate the offer in both directions
  3. Choose the message people should understand first
  4. Fit the actual offer before generating artwork
  5. Use Dreamina for the original visual setting
  6. Assemble the offer as independent text fields
  7. Keep corrections connected to the whole offer
  8. Run a real placeholder pass before export
  9. Inspect the delivered size, not only the editing canvas
  10. Approve the offer and the artwork together

Dreamina can help create the visual setting and campaign artwork. Keep prices, discount claims, dates and codes as editable text during finishing so that a corrected offer does not depend on another image-generation attempt. The job is complete when the numbers agree, the hierarchy communicates the actual offer, and the exported graphic contains no leftover draft information.

A correctly spelled “25% OFF” is still wrong if the price reduction is 20%, or if viewers cannot tell which product qualifies. This workflow addresses those relationships as well as the appearance of the poster.

Write the offer as facts before writing the headline

Collect the approved commercial details in one copy sheet. Do not infer a reference price from a competitor, ask an image model to invent an attractive discount, or use a convenient sample price as final copy.

For a hypothetical promotion, the sheet could contain the following. These values are teaching assumptions, not a real merchant offer or pricing recommendation.

Field
Hypothetical approved value
Design consequence
Product
One ceramic serving bowl, selected colors
State the item and scope near the offer
Reference price
$96.00
Use only the approved reference and label it clearly
Sale price
$72.00
Main price if the payable product price leads the message
Discount
25%
Must agree with the price calculation
Saving
$24.00
Supporting information, not a competing headline
Period
November 6–8, 2026
Keep the complete year/date scope in approved copy
Code
No code required
Do not add a decorative coupon code
Additional charges
Use the merchant’s approved explanation
Do not label the product price as an all-inclusive total without support
Action
Shop selected bowls
Match the action to the destination

Resolve uncertainty in the sheet before the graphic makes a promise. If the offer applies to selected colors, do not change that to “all bowls.” If a code is required, the code and its application must be part of the approved instructions.

Separate what is already known from what is still awaiting confirmation. You can explore artwork while a period is being finalized, but keep that draft clearly separated from the release file. A beautifully typeset sample date remains a sample date.

Calculate the offer in both directions

For a simple percentage reduction, use:

Saving = reference price × discount rate

Sale price = reference price − saving

Discount rate = saving ÷ reference price × 100

In the hypothetical bowl example:

$$96.00 × 0.25 = *$$24.00 saved**.

$$96.00 −$$24.00 = $72.00 sale price.

$$24.00 ÷$$96.00 × 100 = 25% off.

Now check the relationship without relying on the headline: $$72.00 ÷$$96.00 = 0.75, so the customer pays 75% of the reference product price. The remaining 25% is the reduction.

The denominator is the reference price, not the sale price. Dividing the $$24 saving by$$72 gives 33.33%, which is not the percentage reduction from $96. This is a common way to create a plausible but incorrect badge.

If you start with two approved prices, calculate the discount from those prices rather than choosing the percentage first. An $$80 item reduced to$$60 has a $20 saving and a 25% reduction. The dollar amount alone is not the percentage.

Keep sequential discounts separate from simple discounts

Suppose, for calculation only, a 25% reduction is followed by a further 20% reduction on the already reduced price:

$$96.00 × 0.75 =$$72.00

$$72.00 × 0.80 =$$57.60

The total saving is $$96.00 −$$57.60 = $$38.40. Relative to$$96.00, that is 40%, not 45%. The second percentage operates on a smaller amount.

If this were the approved offer, the artwork would also need to explain how the second reduction is obtained. “Extra 20% with code” describes a different action from an automatically displayed $57.60 price. Do not collapse those conditions into a single unconditional price without confirmation.

For amounts that produce fractions of a cent, use the merchant’s approved rounding and displayed-price convention, then recompute the saving from the actual displayed prices. Do not let the poster show a total that differs from the purchase destination because two files rounded differently.

Choose the message people should understand first

Decide whether the main task is to communicate a payable product price, a percentage reduction or a bundle. Each suggests a different hierarchy.

A price-led graphic could emphasize **“Now $$72”**, followed by the product name, reference price and saving. A discount-led graphic could emphasize **“25% off selected bowls”**, with the actual prices in the supporting block. A bundle should keep the quantity next to its price, such as “Two bowls for$$30,” if that is the approved offer.

Do not give every number the same prominence. If “25%,” “$$72,” $$96” and “SAVE $24” all compete at headline size, viewers must work out the relationship themselves. Choose one entry point and make the supporting numbers explain it.

Adobe’s layout principles describe grouping related information and using size, weight, color and contrast to communicate hierarchy. Apply those controls to the meaning of the offer: the reference price should not look like the payable price, and a condition should remain visibly attached to the claim it qualifies.

Role
Price-led example
What the role must establish
Primary offer
NOW $72
The featured product price
Product and scope
Ceramic serving bowls · selected colors
What the offer applies to
Comparison
Reference $$96 · Save$$24
The basis of the reduction
Period or condition
November 6–8, 2026
When or how the offer applies
Action
Shop selected bowls
What the viewer should do next

An essential qualifier does not become optional because it is smaller. If “selected” disappears when the graphic is viewed on a phone, the main message has changed. Give those words enough room and contrast to remain useful.

Fit the actual offer before generating artwork

Create a rough canvas at the intended output size. Place the full approved copy in temporary text boxes before you decide on the final image. Use the longest product name and condition that the graphic will actually carry.

Reserve a main offer area, a supporting information area, a product or illustration area, and a clear action. These are roles, not fixed percentages of the canvas. A wide hero may place the product on one side; a vertical graphic may stack it below the offer.

Create Promotional Graphics with Correct Prices, Discounts and Hierarchy

Original instructional layout using the hypothetical $$96-to$$72 offer. It is not a software test, a live promotion or evidence of campaign performance.

Check how much space the real copy takes. A short placeholder like “Sale” does not establish capacity for “25% off selected ceramic serving bowls.” If the longer wording does not fit, change the arrangement or simplify approved copy with the responsible person; do not silently delete the scope.

For product-led artwork, the hero composition guide explains how to reserve useful copy space before selecting the picture. That spatial step supports the offer hierarchy; it does not decide which price or condition should lead.

Use Dreamina for the original visual setting

Once the copy block has a credible footprint, build the artwork around it. In Dreamina’s documented AI Image workflow, enter a prompt, choose an available model and aspect ratio/resolution settings, generate, review and download the candidate. Keep the final price fields outside the generated art when they need direct corrections.

Here is a new, untested prompt for the hypothetical bowl promotion:

Create a warm, minimal promotional artwork with a ceramic serving bowl on the right side of a wide composition. Use a cream background and soft natural light. Keep the left side calm and low detail for a large offer, product name, comparison price and short date line to be added separately. Keep the bowl completely visible. Do not generate lettering, numbers, discount badges, price tags or logos.

Inspect the result with the actual text block over it. Reject a candidate whose reflection crosses the price, whose props occupy the conditions area or whose strongest contrast pulls attention away from the message. “No text” is an instruction to verify, not proof that the image contains none.

If the graphic represents a real product, compare it with the authorized product asset. A newly imagined bowl may suit an illustration brief, but it should not silently replace the item being sold. Preserve the authentic product through the appropriate final composition route when identity matters.

Use the selected image as an artwork input, then compose the real offer in the editor. This is a recommended workflow, not a newly executed Dreamina-to-editor demonstration.

Assemble the offer as independent text fields

In Canva, create the required design and place the artwork. Add the main offer, product scope, comparison price, period and action as separate editable text boxes. Enter the approved wording directly instead of retyping from a generated image.

Apply the visual hierarchy deliberately. Select the main offer and choose its font, weight, size and color. Use a quieter style for the comparison price and a readable supporting style for conditions. Canva’s formatting documentation covers font selection, weights, size, color, alignment and spacing. Its text-editing guide describes editing the content of an existing text box.

Keep a comparison price identifiable. A strike-through can help show an old reference, but it should not obscure the digits or carry the entire meaning by itself. Add a clear approved label where needed. A currency symbol separated too far from its number can also make the amount ambiguous; inspect it as one price unit.

Group related information spatially. Put the scope with the main offer, the reference price with the saving, and the condition with the action it changes. Keep enough separation between groups that the viewer can scan them without reading every line at once.

If the brand has approved fonts, follow its actual specifications rather than asking the image model to imitate them. The brand typography guide develops the font, weight and reusable-style system behind that consistency.

Keep corrections connected to the whole offer

A changed price can require more than one text edit. If the hypothetical reference remains $$96 but the sale price becomes$$76.80, the saving is $19.20 and the discount is 20%. Leaving “25% off” beside the new price would create a contradiction.

Make a small dependency list for the master: sale price, saving, percentage, code requirement, period and any matching copy elsewhere. When one fact changes, inspect every dependent field and every format that uses it. Do not assume separate projects update automatically.

A saved browser demonstration illustrates why direct editable fields are useful. The analysis uses the original files and edit/reopen records. In a manual Canva Free poster made from a blank canvas, the date and ticket price were separate text objects. The date was changed, the project reopened, and the ticket price changed from $12 to $15; after another reopening the price remained editable.

That was an event-price correction, not a discount calculation test. It used no Dreamina background and did not establish automatic synchronization. Its relevant lesson is narrower: keeping the actual price in a text object supported later correction in that project. The exact-text workflow comparison examines the generated and editable routes in detail.

Run a real placeholder pass before export

A template can look complete while still containing draft values. Search the editable text and inspect the artwork separately. A generated price hidden in the background may not appear in the editor’s text search.

Check these categories against the copy sheet:

Possible leftover
Example of the problem
Release check
Sample amount
A template price remains beside the final price
Every visible amount maps to an approved field
Draft discount
An old 30% badge survives after changing to 25%
All numerical claims match the recomputed offer
Placeholder wording
“Your headline,” “Product name” or bracketed instructions
Replace or remove every drafting field
Sample date
An old month or missing year remains in a footer
Every version uses the approved period
Decorative code
A generated coupon string looks usable
Show only a real, approved code and its instruction
Dummy destination
A sample URL or ornamental QR-like square remains
Use a real checked destination or remove it
Baked old copy
The background image includes a different price
Remove it fully before adding the new overlay

Do not approve a QR code by how convincingly it resembles one. If the design includes a real code, scan the exported version and confirm the destination. For a printed graphic, also test it at the intended physical size. If there is no working destination, omit that element rather than treating it as harmless decoration.

For an image edit, inspect words you did not intend to change. For a direct text edit, inspect wrapping and overlap. A longer date can push the action out of the canvas even when the characters are correct.

Inspect the delivered size, not only the editing canvas

Use the editor’s download controls to export the intended page and file type. Canva documents Share → Download, file-type selection and page selection in its download guidance. Choose settings available in the workspace that fit the destination rather than assuming every account offers the same options.

Open the actual downloaded file. Read the main offer first, then verify product scope, comparison price, saving, period, code and action against the same copy sheet. Confirm that each numerical relationship still holds in the file being delivered.

At normal viewing size, ask someone to identify what the offer is, what it applies to and what action to take. This is a communication check, not a conversion experiment. If the viewer notices “25%” but misses “selected colors,” revise the hierarchy rather than declaring the offer clear because all the words technically exist.

Inspect each format independently. A square crop may retain the product and price while cutting off the period. A wide version may separate the discount from the scope. Recompose those files instead of stretching the finished graphic or hiding conditions in tiny text.

For print, use the print-preparation guide to handle physical dimensions, pixel density, color, bleed and proofing. A correct digital price does not establish print readability or production readiness.

Approve the offer and the artwork together

The final check has three parts. The arithmetic must agree with the approved commercial facts. The hierarchy must communicate those facts without separating the main claim from its scope. The export must contain the intended copy, crop and functioning destination, with no old or sample fields left behind.

Keep the editable master and the approved copy sheet with the delivered versions. If the promotion later changes, update the dependent fields, inspect every affected format and issue a newly checked export. Original artwork makes the promotion distinctive; exact, maintainable information makes it usable.

Hot and trending

90% OFF—Limited time

90% OFF—Limited time

90% OFF—Get started for just $1.50/month

Try now