# UNO reference

Each template in the UNO is designed to do one thing and do it brilliantly.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FEMKfefh9woCixRoouDUI%2FUNO.png?alt=media&#x26;token=bd234655-2d62-4342-a807-80c1a0e434d3" alt=""><figcaption><p>UNO UI</p></figcaption></figure>

In contrast with Studio's playlist-centric operation environment, UNO template interfaces have optimal operation environments for single overlays (i.e. a soccer scorebug or countdown clock).

## User interface

### Output window

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FegnU6T69HlR0N13jL1To%2FUNO%20output%20window.png?alt=media&#x26;token=ae6d204d-328d-4e7b-bc5c-af1d5165f9b1" alt=""><figcaption><p> Output window</p></figcaption></figure>

### Control panels

#### Customize

The customize panel allows you to customize pre-defined elements of an overlay's style. These properties vary with each overlay but frequently contain color and effects settings.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FFwWBeDtU46gV6WKfqayk%2FCustomize%20overlay.png?alt=media&#x26;token=bf68deef-54c4-4b33-a585-ce0f09c0f498" alt=""><figcaption><p>Customize overlay</p></figcaption></figure>

#### UI layout

The UI layout panel contains two types of modifiable properties: settings and number of panels.

**Settings**

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FJUh9vjQcwJ1ELLIGHncW%2FSettings.png?alt=media&#x26;token=cfbdfaf5-fc35-4592-9708-7ad5478acd14" alt=""><figcaption><p>Settings</p></figcaption></figure>

**Number of panels**

* Number selector: where you can select the number of visible panels. Auto displays the number of panels based on operator screen size.
* ENTER FULLSCREEN: pushes the UI into fullscreen mode.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FZIelCs4WJa8Ug2vD5gDr%2FNumber%20of%20panels.png?alt=media&#x26;token=f2dfc360-712c-4cbd-b136-51cfd9328253" alt=""><figcaption><p>Number of panels</p></figcaption></figure>

### Various unique control panels

#### Menu

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2Fk56I5gHbh9ZFolexerUZ%2FUNO%20menu.png?alt=media&#x26;token=12e79025-40ca-419b-ae36-3d36d4a31d42" alt=""><figcaption><p>Menu</p></figcaption></figure>

From left to right:

* Output URL: Final overlay/graphic output for use in production software like OBS.
* Control URL: URL to access the control interface of the template. It can be used in OBS to dock the interface.
* Access token: Advanced token for external software app access.&#x20;
* API description: Information on the API.
* Help article: Unique template support article.
* Expand/collapse output window: Hide or show output window in the UI.

#### Going live

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2F6ssYJV75XauekZ3bIWjr%2FGoving%20live.png?alt=media&#x26;token=2a5b9165-a004-4645-9d56-357f635ceec9" alt=""><figcaption><p> Going live</p></figcaption></figure>

Copy the output URL in the menu and paste as a browser layer/source into the production software of your choosing or use in API calls.

#### Using on mobile

Copy the control URL and send to your mobile device for control.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FyBi3BXqvQJq7KykaQ4om%2FUsing%20on%20mobile.png?alt=media&#x26;token=43be28ee-c048-4139-91de-e6988ce8a233" alt=""><figcaption><p>Using on mobile</p></figcaption></figure>