# Customize Cookie Banner Design | Secure Privacy Guide > Learn how to create and customize a Secure Privacy design — configure cookie banner position and colors, floating widget style, preference center tabs, and assign designs to domains. - Canonical: https://support.secureprivacy.ai/article/a-guide-to-design-and-personalize-your-banner-cookies-and-preference-center - Product: Consent Management - Category: Customization - Published: 2026-03-06T12:43:00+00:00 - Updated: 2026-03-24T00:18:13.182+00:00 - Reading time: 3 minutes --- Secure Privacy's **Designs** feature gives you full control over the appearance of your cookie banner, widget, and preference center — from creating a new design and assigning it to domains through to customizing banner position, colors, widget style, and preference center layout. This guide walks through each step of the design setup process. ## Who Is This For? - Website administrators creating and configuring Secure Privacy designs for their domains - Designers and developers customizing cookie banner position, color, widget style, and custom CSS - Compliance teams assigning specific design configurations to different domains in Secure Privacy ## Step 1: Create a New Design Click the **Designs** link in the top navigation bar of your Secure Privacy dashboard, then select **Add a New Design**. In the dialog that appears, you can: - Give the design a descriptive name for easy identification - Select which domains the design should apply to - Choose a font — either from Google Fonts or the system fonts provided by Secure Privacy ![Secure Privacy Add New Design dialog showing design name field, font selection options, and domain assignment](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/a7255fe89b17d999bd6c-5449b54f0ba7.webp) Once the design is named and configured, select the domains from your account that this design should be applied to. ![Secure Privacy design domain assignment panel showing domain selection for applying the new design configuration](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/e1f0a087100755749caf-3b125167138e.webp) ## Step 2: Customize Your Cookie Banner In your design's settings, navigate to the **Cookie Banner** section in the left sidebar. Two sub-sections are available: - **Design tab:** Controls where and how the cookie banner appears on your website — including banner position (bar, corner, or middle), padding style, and the option to add custom CSS for advanced styling. - **Color tab:** Allows you to set banner background color, text colors, button colors, hover states, and border colors to match your brand palette. ![Secure Privacy Cookie Banner Design tab showing banner position options and custom CSS field](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/2c7d371dd79fcfb83903-f4b58c7f3b3a.webp) ![Secure Privacy Cookie Banner Color tab showing background color, text color, and button color customization options](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/914d3bca37e98c971388-ecd36b059882.webp) ## Step 3: Customize Your Widget Open the **Widget** section in the left sidebar to configure the privacy widget that appears persistently on your website. The following widget types are available: - **Floating:** The most customizable option — configure the widget's **type** (icon, text, or icon + text), **style**, **design** (position, shape, logo), and **color** - **Button:** A simple, non-configurable button widget - **Hyperlink:** A minimal text link widget with no additional configuration ![Secure Privacy Widget settings panel showing Floating widget type selected with Type, Style, Design, and Color configuration options](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/22efbedaf29b45701a29-202be86f1c69.webp) ## Step 4: Customize Your Preference Center Open the **Preference Center** section to configure how the privacy preference center appears to visitors. Available settings include enabling or disabling the preference center, customizing tab names (Settings, Privacy Policy, Cookie Declaration, Data Request), editing cookie category names and descriptions, and updating button and UI string labels — all configurable per language. ![Secure Privacy Preference Center settings panel showing tab name fields, cookie category descriptions, and language configuration options](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/1df2762febe74049628f-754a2011c1a9.webp) ## Frequently Asked Questions ### Can I apply the same design to multiple domains? Yes. When creating or editing a design, use the domain assignment selector to apply the configuration to one or more domains associated with your Secure Privacy account. Each domain can only have one design active at a time. ### Can I have different cookie banner designs for different domains? Yes. Create separate design configurations for each domain that requires a different visual setup, and assign each design to its respective domain in the domain selection panel. ### Where can I find more detailed guidance on each design section? Each design component has its own dedicated guide — see the See Also section below for links to the cookie banner design, widget configuration, preference center settings, and custom CSS guides. ## See Also - [Customizing Your Cookie Banner Design](https://support.secureprivacy.ai/article/enhance-the-look-of-your-website-with-customized-cookie-banners-design) - [Design Settings in Secure Privacy](https://support.secureprivacy.ai/article/design-settings-in-secure-privacy-customize-privacy-toolkit) - [How to Add Custom CSS to Your Cookie Consent Banner](https://support.secureprivacy.ai/article/cmp-v1-how-to-change-the-css-of-your-cookie-consent-banner) - [Upload a Custom Logo to Your Banner](https://support.secureprivacy.ai/article/upload-custom-logo--personalize-the-appearance-of-banners)