OPF Image Treatment

Duotone

An image is reduced to two brand-aligned tones so it behaves like part of the design system.

duotoneExtension pending

Best Fit

Brand decks, section dividers, campaign stories, and consistent photo-heavy decks.

Photography Guidance

Choose images with strong light-dark separation. Duotone works best on simple subjects and fails on detail-heavy screenshots.

Avoid

Avoid duotone for product UI screenshots, compliance evidence, or images where color accuracy matters.

OPF Coverage Note

OPF v1 does not expose image filter tokens. The gallery catalogs duotone as an intended renderer extension.

Treatment Practices

1

Use one duotone recipe across a deck.

2

Preserve enough tonal contrast for the subject to remain legible.

3

Pair duotone imagery with neutral text surfaces.

OPF Config

image-treatments:duotone
Open Presentation Format
{
  "slide": {
    "layout": "image-focus",
    "elements": [
      {
        "id": "duotone-photo",
        "type": "image",
        "src": "https://example.com/photo.jpg",
        "alt": "Duotone brand photograph",
        "fit": "cover",
        "position": {
          "x": 0,
          "y": 0
        },
        "size": {
          "width": 100,
          "height": 100,
          "unit": "%"
        },
        "filter": {
          "type": "duotone",
          "dark": "#2f241d",
          "light": "#f28c28"
        }
      }
    ]
  }
}
Open in OPF Playground

Preview this config live at pptx.dev/playground.

Related How-To Articles

General Image Rules

1

Crop with intent

Choose fit, position, and size based on the subject and message, not just available space.

2

Protect readability

Text over images needs enough contrast, an intentional overlay, or a separate text surface.

3

Respect image truth

Avoid filters or crops that distort evidence, screenshots, charts, or compliance imagery.

4

Keep a system

Use a small set of image treatments consistently so photo-heavy decks still feel coherent.