{"id":2480,"date":"2025-05-20T13:14:04","date_gmt":"2025-05-20T13:14:04","guid":{"rendered":"http:\/\/localhost:8091\/how-do-i-create-a-prototype-testing-study-in-prototype-testing\/how-do-i-use-the-branding-tab-in-five-second-test-2-2\/"},"modified":"2025-05-21T05:34:58","modified_gmt":"2025-05-21T05:34:58","slug":"tab-branding","status":"publish","type":"page","link":"https:\/\/www.uxtweak.com\/help\/website-testing-setup\/tab-branding\/","title":{"rendered":"How do I use the Branding tab in Website Testing?"},"content":{"rendered":"\n<p class=\"text-block\">In this help, we&#8217;ll discuss how to use the Branding tab to:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li>Customize the color scheme of your Five Second Test study<\/li>\n\n\n\n<li>Upload your company&#8217;s logo<\/li>\n<\/ul>\n\n\n    <div class=\"video-block\">\n                    <div class=\"video-thumbnail\">\n                <img decoding=\"async\" class=\"thumbnail-image\" src=\"https:\/\/img.youtube.com\/vi\/Vq19lsZ8nyM\/mqdefault.jpg\" alt=\"Watch how to ask questions and use your company&#039;s branding\" \/>\n                    <button class=\"play-button\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 12V8.44002C4 4.02002 7.13 2.21002 10.96 4.42002L14.05 6.20002L17.14 7.98002C20.97 10.19 20.97 13.81 17.14 16.02L14.05 17.8L10.96 19.58C7.13 21.79 4 19.98 4 15.56V12Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                    <\/button>\n                <\/div>\n            \n            <div class=\"video-content\">\n                                    <span class=\"video-title\">Watch how to ask questions and use your company&#039;s branding<\/span>\n                                                    <p class=\"video-description\">Get answers with free-text questions, selections, rating scales and more. Import your company logo and customize colors.<\/p>\n                                                    <button class=\"watch-now-button\">Watch Now<\/button>\n                            <\/div>\n\n        <!-- Video modal for iframe -->\n        <div class=\"video-modal\" data-video-id=\"Vq19lsZ8nyM\">\n            <svg class=\"close-button\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M4 20L20 4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <path d=\"M20 20L4 4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n            <div class=\"video-modal-content\">\n                <!-- JS will inject iframe here -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n    \n\n<h2 id=\"customize-the-color-scheme-of-your-five-second-test-study\" class=\"heading-block\" tabindex=\"0\">Customize the color scheme of your Five Second Test study<a class=\"copy-link\" title=\"Copy link\" data-id=\"customize-the-color-scheme-of-your-five-second-test-study\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<ul class=\"bullet-list\">\n<li>Repaint your Five Second Test study with your company colors!<\/li>\n\n\n\n<li>This setting changes the main color of the study (e.g. color of the header, buttons)<\/li>\n\n\n\n<li>The colors of labels will automatically adjust to be either black or white (on light and dark background respectively) to assure easy readability.<\/li>\n<\/ul>\n\n\n\n<div class=\"image-block\">    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2025\/05\/1-70.png\" alt=\"Make the study match your branding\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Make the study match your branding<\/h4>\n                                                    <p>Study&#8217;s coloring, the company logo and even the header image can be personalized here.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    \n\n    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2025\/05\/2-56.png\" alt=\"Check out the preview\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Check out the preview<\/h4>\n                                                    <p>You can quickly check what your study will look like in the side preview.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    \n\n    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2025\/05\/3-37.png\" alt=\"Use custom colors\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Use custom colors<\/h4>\n                                                    <p>Select custom colors for your study using a color picker.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n<h2 id=\"upload-your-companys-logo\" class=\"heading-block\" tabindex=\"0\">Upload your company&#8217;s logo<a class=\"copy-link\" title=\"Copy link\" data-id=\"upload-your-companys-logo\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<ul class=\"bullet-list\">\n<li>You can further personalize the study by adding your company logo.<\/li>\n\n\n\n<li>The UXtweak logo will be displayed by default.<\/li>\n\n\n\n<li>Click the + button and upload the logo image from your system.<\/li>\n\n\n\n<li>Only images in GIF, JPG and PNG formats are allowed.<\/li>\n\n\n\n<li>The image has to be smaller than 200 KiB and with the maximum dimensions of 300 x 80 px.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this help, we&#8217;ll discuss how to use the Branding tab to:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2430,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-2480","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/comments?post=2480"}],"version-history":[{"count":1,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2480\/revisions"}],"predecessor-version":[{"id":2483,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2480\/revisions\/2483"}],"up":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2430"}],"wp:attachment":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/media?parent=2480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/categories?post=2480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/tags?post=2480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}