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

# Text, notes, sections and colors

> Label, annotate and organize the Workbench with text, sticky notes, sections and color swatches.

Text, sticky notes, sections and color swatches make a board that explains itself in a review.

Where to find it
The top toolbar, or right-click empty canvas

Works in
Workbench

Shortcut
<kbd>T</kbd> text, <kbd>N</kbd> note, <kbd>Shift</kbd> + <kbd>S</kbd> section

Credits
None

Plans
All plans

![The Workbench toolbar and canvas in a file named Running shoe. Callouts mark 1 the Text tool, 2 the Sticky Note tool and 3 the Section tool in the top toolbar, 4 the right-click menu on empty canvas with Paste, Add text, Add sticky note, Add color and Add section, 5 the title of a section named Direction A that holds the text label Lime accents and two running shoe colorway renders, and 6 a color swatch with #B5CC3A, #5B6873 and #C54F3F. A yellow sticky note signed Admin, reading Try a gum outsole, sits beside the section.](https://mintcdn.com/vizcom-c4034e9b/FHfxWMtC8cMIGOnx/images/find/canvas-elements.png?fit=max\&auto=format\&n=FHfxWMtC8cMIGOnx\&q=85\&s=0c94cf269d801c0d9f1cb5febab900bc)

Text (1), Sticky Note (2), Section (3), right-click menu (4), a section (5), a color swatch (6).

## Add elements

| To add | Do this |
| - | - |
| Text | Click **Text** 1 or press <kbd>T</kbd>, then click the canvas and type. |
| Sticky note | Click **Sticky Note** 2 or press <kbd>N</kbd>. Each note shows its author. |
| Section | Click **Section** 3 and drag, or select elements and press <kbd>Shift</kbd> + <kbd>S</kbd>. Double-click the title 5 to rename. |
| Color swatch | Right-click the canvas 4 and choose **Add color**, or paste hex codes such as "#B5E61D #6B6E73". Select a swatch 6 to edit it. |

Select any element to style it from the toolbar above it.

## Arrange and connect

* Select several elements and click **Arrange** to lay them out in a grid.
* <kbd>⌘</kbd>/<kbd>Ctrl</kbd> + <kbd>D</kbd> duplicates. <kbd>]</kbd> brings to front, <kbd>\[</kbd> sends to back.
* <kbd>⌘</kbd>/<kbd>Ctrl</kbd> + <kbd>L</kbd> copies a link that opens the file zoomed to your selection.
* Drag from an image's **+** handle to a block to connect them. Hover the line and click **−** to disconnect.
* Click **Show image details** (**i**) on a generated image to see and copy its prompt.

## Examples

![A Workbench board with three sections titled Direction A: Greens, Direction B: Orange and Direction C: Neutrals. Each section holds a text label (Lime, teal and sage; Orange toe caps; Grey and navy, dark outsoles), two colorway renders of the same running shoe and a three-color swatch with named colors. A yellow sticky note signed Admin reads Prefer B. Try a darker midsole.](https://mintcdn.com/vizcom-c4034e9b/I-2hvc0QrsSa4kp4/images/examples/canvas-board.webp?fit=max\&auto=format\&n=I-2hvc0QrsSa4kp4\&q=85\&s=76faba9103968b5918f819fd29343b21)

A colorway review: one section per direction, with labels, renders, a palette and feedback.

## Good to know

* Right-click a section and choose **Download assets** to export only what's inside.
* **Remove section** keeps the contents; **Delete** removes them too.
* The Workbench has no shapes, arrows, grouping, locking or comments. Use sections and sticky notes.

## Related

> [card] [Organize your work](https://docs.vizcom.com/guides/organize-your-work.md)
>
> Files, folders and sections.

> [card] [Collaborate](https://docs.vizcom.com/guides/collaborate.md)
>
> Work on a file together.

> [card] [Library](https://docs.vizcom.com/tools/library.md)
>
> Save colors and images to reuse.

> [card] [Keyboard shortcuts](https://docs.vizcom.com/keyboard-shortcuts.md)
>
> Every Workbench and Studio key.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.