# Branding the Sample App

After following the previous steps, the sample app can be further modified to change the branding. In this example, we will be modifying the default text and images in the sample app.

## Modifying the dashboard scene

The dashboard contains the ARway logo and text for the user to edit by default, and these elements can be changed in the Unity editor. The majority of the UI elements can be modified from the Hierarchy window in Unity. This guide will showcase how to modify some of these elements.

<figure><img src="/files/KQKOA0tupzvhaeQnG77x" alt="" width="299"><figcaption><p>Dashboard scene</p></figcaption></figure>

### Changing the default logo

In this example we will be modifying the ARway logo.

1. To add the new logo image to the Assets in Unity, navigate to the project window and select "Assets -> ARway -> ViewerMode -> 1\_UI -> Dashboard". From here, you can drag and drop your new logo into the Splash folder in the Project window.

<figure><img src="/files/DslniUzcxEKSjZzS6bcx" alt=""><figcaption><p>Dashboard folder in Unity</p></figcaption></figure>

Select the uploaded logo, change the "Texture Type" to "Sprite (2D and UI)" and the "Sprite Mode" to "Single", and then click on "Apply" at the bottom.

<figure><img src="/files/ffkIRgV81TOn7juNGHvb" alt=""><figcaption><p>Uploading new logo</p></figcaption></figure>

2. Navigate to "Dashboard -> Canvas -> DashboardPage -> Scroll View -> Viewport -> Content -> ScanQRPanel -> Background -> Branding" in the Unity Hierarchy window.    &#x20;

<figure><img src="/files/BbVBVOkTd2qvgNt13W0l" alt=""><figcaption><p>Unity Hierarchy window</p></figcaption></figure>

3. Now select the "logo" prefab from the Hierarchy window and change the "Source Image" to the new logo.

<figure><img src="/files/x0TQutfSsnQ0Vf962Xda" alt=""><figcaption><p>Swapping the logo</p></figcaption></figure>

4. In this case, the second prefab "name" under branding is deleted as only one logo is needed.
5. Modify the positioning and size of the logo in the "Inspector" window.

<figure><img src="/files/vi9YQRmB7wg7gsHJ8ArT" alt=""><figcaption><p>Editing the position of the logo</p></figcaption></figure>

### Modifying the text

Next, we will modify the text that is displayed on the dashboard.&#x20;

In the Hierarchy window, navigate to the section "Dashboard -> Canvas -> DashboardPage -> Scroll View -> Viewport -> Content -> ScanQRPanel -> Background" and select the 'Sub Text' object. In the "Text" input field in the Inspector window, update the text to your desired content.

<figure><img src="/files/JnujtUYcrTBuaplbZ9cg" alt=""><figcaption><p>Editing the subtext</p></figcaption></figure>

### Changing the background color

In the Hierarchy window, go to the section Dashboard -> Canvas -> DashboardPage -> dashboard\_bg. Then in the Inspector window change to color of the dashboard to match your branding.

<figure><img src="/files/vNvRLJCkDRC8YbpKU2xW" alt=""><figcaption><p>Modifying the background color</p></figcaption></figure>


---

# Agent Instructions: 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:

```
GET https://docs.arway.ai/arway-sdk/branding-the-sample-app.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.