> ## Documentation Index
> Fetch the complete documentation index at: https://help.standards.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Editor Modes

Design your guidelines, edit content and translations, and leave comments for your team in three distinct modes.

<Frame>
  <img src="https://mintcdn.com/standards/qB-zzrLqvSg6M8CK/images/editor-modes-03.gif?s=fac6dc018ed8fa269d0005a6f7062470" alt="Example of switching between three distinct editor modes using a dropdown" width="1200" height="600" data-path="images/editor-modes-03.gif" />
</Frame>

***

## Basics

### The editor

The editor is a primary area of Standards that offers a comprehensive set of tools for design and publishing.

### Editor modes

The editor has three primary modes:

1. **Design:** Toggle design mode by pressing the <kbd>1</kbd> hotkey
2. **Comment:** Toggle design mode by pressing the <kbd>2</kbd> hotkey
3. **Content:** Toggle design mode by pressing the <kbd>3</kbd> hotkey

### Roles

Each workspace member has a role associated that controls which editor modes they can access. Simply put, designers have access to all modes, commenters can only comment, and content editors can edit written copy, replace media, and comment.

***

## Design mode

Hotkey <kbd>1</kbd>

<Frame>
  <img src="https://mintcdn.com/standards/qB-zzrLqvSg6M8CK/images/add-system.gif?s=99e87c6faac0920b0c33e88814d276a9" alt="Example flow of adding different content to various page designs" width="1280" height="640" data-path="images/add-system.gif" />
</Frame>

The primary mode for building out guidelines, and default for workspace members with designer role. This mode has the full design tools enabling layout, design, and more.

* Add content
* Add breakpoints
* Modify how everything displays

***

## Comment mode

Hotkey <kbd>2</kbd>

<Frame>
  <img src="https://mintcdn.com/standards/qB-zzrLqvSg6M8CK/images/editor-modes-02.gif?s=fa871fef6cac279c7b80f02ec37f4195" alt="Example of adding a comment by clicking, typing, then pressing add" width="1200" height="600" data-path="images/editor-modes-02.gif" />
</Frame>

Add comments and communicate asynchronously across teams. Comments are contextual to each page, breakpoint, and section—and may be quickly accessed via the notification center in the dashboard. Invite teammates with the Commenter role to enable this mode for them.

* Place comments
* Read and reply to comments
* Resolve comments

***

## Content mode

Hotkey <kbd>3</kbd>

<Frame>
  <img src="https://mintcdn.com/standards/Y-uJnnvri3nmumzS/images/editor-modes-01.gif?s=c1a7197d7641591ea018e66b8778f54e" alt="Files being switched out on existing media" width="1200" height="600" data-path="images/editor-modes-01.gif" />
</Frame>

This mode is the primary mode for translation, refining copy, and updating media. Invite teammates with the Content Editor role to enable this mode for them.

* Edit written copy in any language
* Change media files
* Enter alternate text