---
title: "Design Placeholders"
description: "Ensure staying on brand and simplify the design process by defining placeholders and design constraints."
url: "https://img.ly/demos/placeholders/web/"
type: "demo"
demoId: "placeholders"
starterkit: "starterkit-placeholders"
platforms: ["Web"]
tags: ["templating","web"]
relatedDemos: ["https://img.ly/demos/placeholders-video/web/","https://img.ly/demos/advanced-ui/web/"]
webDocumentation: "https://img.ly/docs/cesdk/js/starterkits/placeholders-ghi789/"
webGithub: "https://github.com/imgly/starterkit-placeholders-react-web"
webCodeSandbox: "https://stackblitz.com/github/imgly/starterkit-placeholders-react-web"
---

> This is the markdown version of [Design Placeholders](https://img.ly/demos/placeholders/web/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

## Available platforms

**Web** — [Open the demo](https://img.ly/demos/placeholders/web/)
- [Documentation](https://img.ly/docs/cesdk/js/starterkits/placeholders-ghi789.md)
- [Source code on GitHub](https://github.com/imgly/starterkit-placeholders-react-web)
- [Try it in StackBlitz](https://stackblitz.com/github/imgly/starterkit-placeholders-react-web)

Use placeholders to create adaptable templates that can be easily personalized, while ensuring a unified layout and staying on brand.

## What is a placeholder?

Placeholders are dynamic elements of a design that can be modified in a specific, predefined way. Placeholders can be chosen and defined in a creator role and adapted by users interacting with a template.

## Assigning placeholders

Each element of the design can serve as a placeholder and each placeholder can behave in a different way. A creator can choose how an adopter can interact with every element, allowing changes ranging from basic to advanced.

## Choosing constraints

In a creator mode, placeholders can give permission to:

- Replace content - giving users permission to change visual or written content
- Arrange - including separate permissions for: move, scale, rotate, and flip
- Style - allowing visual adjustments like contrast, brightness, or filters
- Delete - element can be removed
- Duplicate - element can be duplicated

## Benefits of placeholders

Creating smart templates with the use of placeholders and custom constraints can jump-start the creative process and make design creation easy and accessible to anyone. It can also ensure staying on brand by allowing customization of only specific parts of the design - especially useful for creative agencies or franchises.

## Adapting placeholders

As an adopter interacting with a template, the design process is straightforward, without the possibility to perform actions and edits that weren’t allowed by a creator.

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.