To start, the banner effectively distinguishes its content by employing varying typographic sizes, pixel line dividers, and colored rectangular sections. One of the first things you’ll notice about this banner is its use of typography. “Shone” is used for the primary heading, “We Respect Your Privacy,” while other typographic choices like size, spacing, and arrangement all contribute to improved readability and comprehension, making it easier for visitors to engage with the content.

The color scheme of tan, orange, and black is intentional, likely chosen to align with the company’s identity and their commitment to nature preservation. It creates a visual hierarchy and guides the user’s interaction through the consent process.

Starting with tan: it’s a warm, neutral hue. In this context, it provides a soothing background that’s easy on the eyes. Orange is attention-grabbing, used here in a muted tone, and draws attention without being as aggressive as red; fitting here, as the banner is asking users to review and accept new terms. Finally, black is used for the main call-to-action, which is no accident. It’s bold and authoritative, creating a strong contrast against the lighter colors.

The banner keeps things mostly straightforward, opting not to overload with the details on each cookie right away. It’s a smart UX move, using progressive disclosure to give us just enough to stay informed without cluttering up the screen.

When visitors opt to manage their choices, they encounter tastefully structured options. The Cookie Preferences modal maintains a similar content hierarchy, with individual cookie options separated by a 1-pixel black border and marked by intuitive toggles. This design makes discerning active and inactive cookies clear, rendering the management of consent options as enjoyable as it can be.

The carefully considered banner placement, UX writing, typography, and color palette collectively make this banner a wonderful example of bespoke cookie consent design.