# Survey Theme

 Survey design is an essential aspect of achieving a higher response rate. Surveys should reflect your brand, and the audience should feel connected when participating in one of your surveys.

### 1. [Go to Qwary - Builder](https://app.qwary.com/stage/survey/U4sOd8gcmDk=)

### 2. Click on highlight

![Step 2 screenshot](https://images.tango.us/public/edited_image_f73b75fe-eb40-4492-a347-61992d4db3b1.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 3. Select pre-made themes

![Step 3 screenshot](https://images.tango.us/public/screenshot_324e288b-be96-4ac1-b20b-0c1c476c7dcc.png?crop=focalpoint\&fit=crop\&fp-x=0.1212\&fp-y=0.3175\&fp-z=1.9164\&w=1200\&ar=2880%3A1578)

### 4. Click on CUSTOMIZE

Apply your brand customization on your survey. 

<figure><img src="https://images.tango.us/public/screenshot_a5f81ddf-0b22-476f-a5ed-47440d94bc41.png?crop=focalpoint&#x26;fit=crop&#x26;fp-x=0.5000&#x26;fp-y=0.5000&#x26;fp-z=1.0000&#x26;w=1200&#x26;ar=2880%3A1578" alt=""><figcaption></figcaption></figure>

### 5. Enable Survey Header

Set your brand logo on your survey!&#x20;

<figure><img src="https://images.tango.us/public/screenshot_ded7e9c3-65d3-44a8-94d9-b6321cf3dfe8.png?crop=focalpoint&#x26;fit=crop&#x26;fp-x=0.5000&#x26;fp-y=0.5000&#x26;fp-z=1.0000&#x26;w=1200&#x26;ar=2880%3A1578" alt=""><figcaption></figcaption></figure>

### 6. Click on Add Logo

![Step 6 screenshot](https://images.tango.us/public/screenshot_46a01873-4b82-49ef-9268-14784282ee31.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 7. Upload your brand Log

![Step 7 screenshot](https://images.tango.us/public/screenshot_146aaf8e-13aa-4808-8d97-4eaa5c309099.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 8. Change Logo Alignment & Survey Font

![Step 8 screenshot](https://images.tango.us/public/edited_image_718775ef-ac1d-4ca4-935b-4d87494d5b5c.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 9. Change the Color of the Question, Answer, Button and Survey Background

![Step 9 screenshot](https://images.tango.us/public/screenshot_3f8e2c51-c0c7-44bd-a0ae-0988aeb1cfa3.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 10. Click on highlight

![Step 10 screenshot](https://images.tango.us/public/screenshot_31c45ae6-e9c8-419d-be60-baec5a29d9a2.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 11. Apply Color Gradient

![Step 11 screenshot](https://images.tango.us/public/edited_image_d5ccd0ce-f1d8-43ae-908f-da98e312d922.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 12. Click on highlight

![Step 12 screenshot](https://images.tango.us/public/screenshot_e3644886-e5ab-4961-a167-7430acc43f3a.png?crop=focalpoint\&fit=crop\&w=1200\&ar=2880%3A1578)

### 13. Add more Gradient for Animation

![Step 13 screenshot](https://images.tango.us/public/screenshot_fb4467e0-584a-4653-8a61-47cc83d22d84.png?crop=focalpoint\&fit=crop\&fp-x=0.2290\&fp-y=0.5527\&fp-z=2.1554\&w=1200\&ar=2880%3A1578)

### 14. Click on highlight

![Step 14 screenshot](https://images.tango.us/public/screenshot_b47db334-91de-43c2-9ae6-765467c9658d.png?crop=focalpoint\&fit=crop\&w=1200\&ar=2880%3A1578)

### 15. Change color of the Gradient

### 16. Click on highlight

![Step 16 screenshot](https://images.tango.us/public/screenshot_7a4c9c5b-b0f9-426a-8e45-9c9c0aa0cc50.png?crop=focalpoint\&fit=crop\&fp-x=0.1703\&fp-y=0.6936\&fp-z=2.5411\&w=1200\&ar=2880%3A1578)

### 17. Click on highlight

![Step 17 screenshot](https://images.tango.us/public/screenshot_fc9b894e-f62d-46e3-bb0a-5b2fe8abbcb8.png?crop=focalpoint\&fit=crop\&fp-x=0.4380\&fp-y=0.5395\&fp-z=1.1211\&w=1200\&ar=2880%3A1578)

### 18. Click on highlight

![Step 18 screenshot](https://images.tango.us/public/screenshot_c7a52a02-5893-4846-8b93-30c80d22b31c.png?crop=focalpoint\&fit=crop\&fp-x=0.2016\&fp-y=0.6936\&fp-z=2.5411\&w=1200\&ar=2880%3A1578)

### 19. Apply Gradient Angle

![Step 19 screenshot](https://images.tango.us/public/screenshot_aaaabd7f-0611-47bd-8df7-5cfad5de8bfc.png?crop=focalpoint\&fit=crop\&fp-x=0.3994\&fp-y=0.5585\&fp-z=1.2518\&w=1200\&ar=2880%3A1578)

### 20. Drag highlighted element

![Step 20 screenshot](https://images.tango.us/public/screenshot_62c56cf5-5191-4158-9a7e-6e4992d843d8.png?crop=focalpoint\&fit=crop\&fp-x=0.1241\&fp-y=0.6622\&fp-z=2.2518\&w=1200\&ar=2880%3A1578)

### 21. Animate Gradient

![Step 21 screenshot](https://images.tango.us/public/screenshot_b2943e85-bc18-4f94-a009-6fc92eabf572.png?crop=focalpoint\&fit=crop\&fp-x=0.0521\&fp-y=0.7294\&fp-z=3.3333\&w=1200\&ar=2880%3A1578)

### 22. Drag highlighted element

![Step 22 screenshot](https://images.tango.us/public/screenshot_ef1fe32c-7e0f-48b5-a2ee-5a0cc41a8173.png?crop=focalpoint\&fit=crop\&fp-x=0.1962\&fp-y=0.7959\&fp-z=1.7001\&w=1200\&ar=2880%3A1578)

### 23. Set Image Background

Changes are applied to entire Survey!&#x20;

<figure><img src="https://images.tango.us/public/screenshot_3cb7f2fb-1b9e-49f7-8023-eaa337c9ed2b.png?crop=focalpoint&#x26;fit=crop&#x26;fp-x=0.5000&#x26;fp-y=0.5000&#x26;fp-z=1.0000&#x26;w=1200&#x26;ar=2880%3A1578" alt=""><figcaption></figcaption></figure>

### 24. Apply Background Filter

![Step 24 screenshot](https://images.tango.us/public/screenshot_0adbae88-7c8a-4f32-aef3-c60cce63c2f5.png?crop=focalpoint\&fit=crop\&fp-x=0.4798\&fp-y=0.4997\&fp-z=1.0755\&w=1200\&ar=2880%3A1578)

### 25. Change Image Position

![Step 25 screenshot](https://images.tango.us/public/screenshot_c2e5c7eb-7a3d-4855-a2b9-439c03802b97.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 26. Click on Repeat

It will repeat the image&#x20;

<figure><img src="https://images.tango.us/public/screenshot_df16eaba-2e01-47e6-9572-bb1267127899.png?crop=focalpoint&#x26;fit=crop&#x26;fp-x=0.2289&#x26;fp-y=0.5346&#x26;fp-z=2.1617&#x26;w=1200&#x26;ar=2880%3A1578" alt=""><figcaption></figcaption></figure>

### 27. Adjust Position

Change your Image Position by moving in any direction of your choice.&#x20;

<figure><img src="https://images.tango.us/public/screenshot_b86e72d1-77f3-448f-9fbb-041fb8a15bf1.png?crop=focalpoint&#x26;fit=crop&#x26;fp-x=0.4752&#x26;fp-y=0.5141&#x26;fp-z=1.0517&#x26;w=1200&#x26;ar=2880%3A1578" alt=""><figcaption></figcaption></figure>

### 28. Click on Load More

![Step 28 screenshot](https://images.tango.us/public/screenshot_589ab2cf-4884-417f-bf51-444492c999fe.png?crop=focalpoint\&fit=crop\&w=1200\&ar=2880%3A1578)

### 29. Select Video Background

It will lead you to upload or select an already uploaded video. You can use them as survey background.

Once you're done customizing, save the Theme for future use. ![Step 29 screenshot](https://images.tango.us/public/edited_image_3592a4b0-3fc7-4ed0-bac4-96c9615b21e2.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 30. Now, we will learn to customize individual Questions.

<div align="center"><img src="https://images.tango.us/public/edited_image_0f5957e7-8019-42b7-a13a-dd4e16f5df5c.png?crop=focalpoint&#x26;fit=crop&#x26;fp-x=0.5000&#x26;fp-y=0.5000&#x26;fp-z=1.0000&#x26;w=1200&#x26;ar=2880%3A1578" alt="Step 30 screenshot"></div>

### 31. Change Image Position

![Step 31 screenshot](https://images.tango.us/public/screenshot_57bad69f-c9f3-4e6d-a671-c4b585f41159.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 32. Apply Background Filter on the Image

![Step 32 screenshot](https://images.tango.us/public/screenshot_5997898f-1c05-4fb9-8234-47b5d87fd2a2.png?crop=focalpoint\&fit=crop\&fp-x=0.1660\&fp-y=0.5779\&fp-z=3.0736\&w=1200\&ar=2880%3A1578)

### 33. Upload Video for Question background

![Step 33 screenshot](https://images.tango.us/public/screenshot_6a478356-3185-4ece-afc1-4f061f18ce7f.png?crop=focalpoint\&fit=crop\&fp-x=0.2062\&fp-y=0.5773\&fp-z=2.2785\&w=1200\&ar=2880%3A1578)

### 34. Select Video

![Step 34 screenshot](https://images.tango.us/public/screenshot_13be016a-f7e4-41ab-b6e1-3ae147ddb82b.png?crop=focalpoint\&fit=crop\&fp-x=0.4898\&fp-y=0.4997\&fp-z=1.0400\&w=1200\&ar=2880%3A1578)

### 35. Click on Delete

![Step 35 screenshot](https://images.tango.us/public/screenshot_81a7b7a5-1509-4a46-a82e-3425afd9379a.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A1578)

### 36. Change Video Playing Options

Congratulations, you are the champion survey designer 🏆 now. Happy Designing!&#x20;

<figure><img src="https://images.tango.us/public/screenshot_462d2ede-0b4b-4763-bbfa-93833eed29d9.png?crop=focalpoint&#x26;fit=crop&#x26;fp-x=0.0625&#x26;fp-y=0.6375&#x26;fp-z=3.0736&#x26;w=1200&#x26;ar=2880%3A1578" alt=""><figcaption></figcaption></figure>