> For the complete documentation index, see [llms.txt](https://docs.beefree.io/end-user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.beefree.io/end-user-guide/preview-options/preview-designs.md).

# Preview Designs

Use the Preview option to experience your design as your audience would. It lets you test and interact with different versions of your content before finalizing and sending it.

With Preview, you can:

* View your design in multiple languages
* Apply and test different conditions (for example, dynamic content blocks)
* Switch between AMP and HTML formats
* Toggle between light mode and dark mode
* See how your design looks on various device types (mobile, tablet, desktop)
* Use custom viewports to simulate specific screen sizes

This ensures your content is polished, accessible, and works perfectly for every recipient.

<figure><img src="/files/f8E0RwLnAtwgJjWfz0rU" alt=""><figcaption></figcaption></figure>

#### Preview Functionality

Through the preview option, you can view how your design will look when coupled with the following features:

* [Multi-language templates](/end-user-guide/design-for-any-language/multi-language-templates.md): Applicable when you have one design available in multiple languages.
* [Display conditions](/end-user-guide/dynamic-content/display-conditions.md): Applicable when you have one or more rows in your design with display conditions applied.
* [AMP or HTML view](/end-user-guide/dynamic-content/display-conditions.md): This option is available when you have AMP in your email designs.
* [Dark mode](/end-user-guide/preview-options/dark-mode-preview.md): Preview your design in dark mode.
* [Desktop, tablet, or mobile view](/end-user-guide/design-tools/mobile-design-mode.md): Preview your design on multiple device types.
* **Custom viewport**: Customize the viewport window size for previewing your design within different window types.&#x20;


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.beefree.io/end-user-guide/preview-options/preview-designs.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.