33 Cookie Notice Examples: Banners, Popups & Headers

Every website needs a cookie notice, and most of them look like an afterthought. A plain box, a generic line of text, two or three buttons. It does not have to be that way.

A cookie banner can match your brand as precisely as your logo, your buttons or your typography.

This post collects real cookie notices from live websites and groups them by how much design effort went in: plain defaults, a quick colour swap, minimalist, fully on-brand, and bold attention-grabbers.

For each one there is a short read on the design itself, the layout, the size, the colours and the contrast, so you can find the style that fits your own site.

One detail ties them all together.

Every banner below was built with Cookiebot CMP. Same consent tool, same settings screen. The difference between a forgettable grey box and a banner that looks designed is configuration, not a different platform.

The examples are grouped into five levels:

• Straight out of the box: the untouched Cookiebot default
• Just the brand colours: the default layout, recoloured
• Minimal and barely there: banners built to blend in
• Designed to match: banners that look part of the site
• Bold and impossible to miss: loud, on purpose

Straight out of the box: the default cookie notice

Install Cookiebot, choose the layout and change nothing else, and this is what your visitors get. A white background, buttons in Cookiebot’s royal blue.

It is fully compliant and it works. It also carries zero brand identity, which is the whole reason the rest of this post exists. Every example after this is the same tool with a few settings changed.

The default centered dialog

A centered dialog (popup) on a plain white card. Three tabs across the top (Consent, Details, About) mark the structure, and three full-width buttons sit in a row at the bottom, all filled in the same Cookiebot blue. Contrast is high, blue on white, and every button has identical weight so nothing stands out. This is the baseline look.

The default category dialog

Depending on the privacy laws that apply in your country, you can display the four consent categories directly in the banner as toggle switches, allowing users to adjust their preferences immediately without opening a separate customization layer. This approach can also help build trust by making privacy controls more transparent and immediately accessible to users.

The default bottom bar

The same default styling in a bar layout. A slim white strip along the bottom of the page, the Cookiebot logo on the left, three small blue buttons stacked on the right. Compact and neutral, with no brand colour anywhere.

The default bar with toggles

You can display cookie categories directly in the banner as toggle switches, replacing the Customize button on the right. As a result, the banner only shows two buttons instead of three.

📋 Not sure what your banner legally needs to include?
Run through the 13 cookie consent banner requirements, with examples, before you lock in a design.

Just the brand colours

The easiest upgrade that actually changes how the banner feels. The layout stays exactly the same as the default, but the buttons, toggles, accent colours, and uploaded logo are switched to match the brand identity. It only takes a few minutes in the settings, yet it’s often enough to stop the banner from feeling like a generic third-party plugin bolted onto the page.

Splash

A full-width white bottom bar with their blue water-drop logo on the left. Two buttons on the right, a solid bright cyan-blue Allow all and a white outlined Deny. Light and clean, with the cyan tying directly back to the logo.

Salecki

The standard Cookiebot popup, recoloured. The card sits on a near-black charcoal background instead of white, with white text and a yellow active-tab underline. The buttons run full width in lemon yellow with black labels. Yellow on black is the highest-contrast pairing you will see here, loud and confident, even though the layout itself was never touched.

ThreatMark

A full-width white bottom bar with an inline row of four category toggles. The Necessary toggle, the details link and the main button all carry the same red from the logo. Three stacked buttons on the right, one solid crimson and two white with crimson outlines.

Crystal Heaven

A full-width top bar on a soft blush off-white background rather than pure white, which already softens it. Small black text, a black Allow all button paired with a white outlined Customize, and a tiny close icon. The neutral palette makes it read as part of the site’s header rather than an interruption.

Transparency International

The same recoloured-default pattern in a lighter sky blue, which is Transparency International’s brand coloumall box in the bottom on a warm creamr. A white card on a dark dimmed page, sky-blue active underline, four category panels with longer descriptive names, and three buttons where one is solid sky blue. Clean and bright.

Krusmølle

A full-width bottom bar on a warm cream background with the estate crest as the logo. An inline row of toggles, all on, and three stacked buttons on the right, one solid warm gold and two white outlined. The cream and gold palette suits the heritage brand.

FlexLink

A white centered popup with a three-tab header and a red active underline, sitting on a bold red brand page. Three full-width buttons, all solid in the brand red with white labels, a uniform red row with strong contrast against the white card.

ORLEN Unipetrol

A full-width top bar in white with a long block of body copy. An inline row of four toggles, all switched on in brand red, and three solid red buttons stacked on the right. A lot of content packed into a top strip, with red as the single accent.

Minimal and barely there

These banners are built to stay out of the way. Neutral palettes, small footprints, low contrast, and almost no colour. The restraint suits brands with a quiet, premium, or editorial feel, where a loud banner would clash with everything around it.

Depending on the country and applicable privacy laws, this more minimal approach may be sufficient in some regions, while others may require more prominent consent choices and clearer user controls.

Belmore Court

A compact full-width bottom bar in white. Short body text and three buttons on the right, two of them solid in the same olive green and one white outlined. The olive matches the green accents and gift-box icon used across the site.

Hotel Olimpia

A small box anchored to the bottom-left corner instead of spanning the page. A compact white card with two stacked pill-shaped buttons, a solid black Allow all and a white outlined Customize. It sits quietly in the corner and never blocks the hero image. Minimal, with just a touch of styling in the rounded buttons and the corner placement.

Clive Christian

A small, compact centered box with an uppercase headline and short body text. Three controls, one plain text link and two white outlined boxes. Strictly monochrome, black text on white with no accent colour, which reads as deliberate luxury restraint.

Parfois

A centered popup over a heavily dimmed page. One prominent control, a solid black Allow all button spanning the card, with Customize set below it as small plain text rather than a button. Pure black and white, nothing else.

NRBY

A full-width bottom bar with generous whitespace. Just a small headline, one short line of body text, an underlined Customise link and a solid black Allow all button. Monochrome, lots of empty space, the kind of restraint you expect from an editorial fashion site.

Suadela

A small box in the bottom-right on a warm cream background that matches the site’s earthy palette. Short serif body text and two small buttons with uppercase serif labels, one solid near-black and one muted grey-brown. Quiet and warm, tuned to the site’s tone.

Deca

A white rounded card anchored to the bottom-right corner on a dimmed page. Three buttons in a row, a white outlined Show details and two solid in the brand blue. Compact and corner-placed, with the blue matching the DECA logo.

Designed to match

The middle ground, and probably the sweet spot for most websites. The banner picks up the site’s own colours and typography, so it looks like a built-in part of the page rather than a plugin. Present enough to be noticed, calm enough not to fight the design.

Sunweb

A modest white centered popup with the red Sunweb wordmark heading the card and two short paragraphs of body copy. Three buttons sit bottom-right, two white and outlined, one solid in the brand red with a chevron. Clean and corporate, with the red lifted straight from the logo.

Ocean Petfood

A white centered popup with a navy headline in the brand colour and a full-width pale-blue Settings dropdown. Three buttons in a tan, sandy gold, each with a small info icon. The sand gold paired with navy matches the coastal brand nicely.

YES Jewellery

A white centered popup on a dark-green dimmed page, with a three-tab header and a teal active underline. Two buttons, a white outlined Customize and a solid deep-teal Allow all. The teal matches the brand’s emerald site, restrained and elegant.

Le Sirenuse

A full-width white bottom bar with a notable detail: all the typography, including both the headline and body text, uses the brand’s teal green instead of standard black. The font also matches the typography used across the hotel’s website, helping the banner feel like a natural extension of the brand experience rather than a third-party overlay. The toggles are teal, and the three stacked buttons range from a solid dark teal to white with teal outlines, creating a fully colour-coordinated design aligned with the hotel’s visual identity.

Techem

The default dialog template with brand red applied. A white card on a dimmed page, a red active-tab underline, a red Necessary toggle, and three buttons where two are white with red outlines and one is solid red to draw attention.

Productsup

A floating white card with soft rounded corners, anchored to the top-right on a dimmed page. Centered headline and body, and two pill-shaped buttons, a solid crimson-pink Accept all and a white outlined Reject non-essential, with a Manage cookies text link below. Rounded, friendly shapes in the brand’s crimson and blue.

🔧 Ready to put a banner like these on your own site?
Follow our 5-step guide to implementing Cookiebot with Google Tag Manager.

Bold and impossible to miss

Dark backgrounds, bright accents and full-colour panels. These banners are loud on purpose. They are proof that a compliant cookie notice does not have to be a quiet grey box, and that a banner can carry as much personality as the rest of the brand.

Mentos

A full-width bottom bar on a deep navy panel with rounded top corners. White text and three pill-shaped buttons, one white outlined and two filled in a slightly darker indigo. The banner sits against a hero section in a very similar shade, creating subtle contrast without blending together, a bold but cohesive look that fits the colourful candy brand.

Rotterdam Ahoy

A centered popup on a near-black charcoal card. White text, a yellow link, and three pill buttons, two white outlined and one solid in bright yellow. Black with neon yellow is very high contrast, matching the venue’s bold identity.

Escape Hunt

A full-width bottom bar on a solid black background. White text, an orange policy link, and three stacked buttons on the right, one solid neon orange and two dark grey. Black and bright orange, high-energy, matching the escape-room brand.

The Great Bustard

A centered popup on a dark muted olive-green card, with the page behind dimmed in grey, making the overall website appear darker and moodier than the original design. The olive tone matches the website’s header colour, helping the banner feel visually connected to the brand. A three-tab header with a gold active underline, four toggle panels, and three buttons, including one solid muted gold button, complete the understated look that suits a countryside pub aesthetic.

Graphite Materials

A centered popup on a dark charcoal card. A three-tab header with a lime-green underline, lime toggles, and lime category labels. Two buttons use plain text styling, while the Allow all button appears as a solid lime-green block. The combination of charcoal and electric lime creates an industrial, high-contrast look that fits the brand identity well.

One small usability issue, however, is that the white text on the lime-green button has fairly low contrast, making it slightly harder to read at a glance.

Passbolt

A full-width bottom bar on a near-black background. White headline, an inline row of four toggles all on in brand red, and three buttons on the right where Deny is plain red text. Black and red, a fitting look for a security brand.

Atlante Food Service

A full-width top bar on a solid, saturated red background with white text and two stacked white buttons carrying red labels. Unlike the other examples, the entire banner becomes a bold block of brand colour across the top of the page, making it impossible to miss.

Chapel Down

A small, compact centered box on a solid black background. An uppercase white headline, short white body text, and two stacked buttons: a solid white Accept button and a solid black Show preferences button. Rather than relying on bright colours, the design feels bold through its dark contrast and compact layout, matching the website’s black header and overall minimalist aesthetic.

One thing almost nobody customizes: the words

Look closely at the examples above and you will spot something. Nearly every brand restyled the banner, but kept Cookiebot’s default wording, the familiar This website uses cookies headline and the standard paragraph below it.

You do not have to. Cookiebot lets you rewrite every string, the headline, the body copy and the button labels, with basic formatting and links, and you can do it per language. If you want a cookie notice with real personality, custom text is the easiest win available, and it is the one almost everyone skips.

🚀 Want to test-drive it before committing?
See what the Cookiebot free trial includes and how to set it up.

Pick a look and spend ten minutes on it

Every banner in this post came out of the same tool. The gap between the generic grey box at the top and the fully branded notices further down is not a different product and not a developer, it is a handful of settings. Decide which group fits your brand, minimal, matched, or bold, then open your consent settings and make the change.

A cookie notice is one of the few elements every single visitor sees, so it is worth ten minutes. Want to build one of these yourself? Start with Cookiebot CMP, set your colours and layout, and rewrite the text to match your brand.