
Get ready to take some inspiration for your cookie banner designs.
The first thing you’ll notice is that the cookie banner, along with the home page play nicely together. The color scale, and typography hierarchy suggest a robust design system at play. The grid-like composition ensures things line up and feel well considered.
The cookie banner is a bright white rectangle placed squarely in the center of the screen, a must when you don’t want a visitor to use your site prior to consent. The elements behind the banner have a slight parallax effect. Keeping the banner stationery helps keep users focused on the importance of cookie disclosure. The banner floats above a muted dark brown background.
The structure of the cookie banner is an exercise in design proficiency; larger text that introduces that cookies are used, cascading down to an accordion of the specific types of cookies used showcases the design system—or perhaps simply the designer’s innate command of design—either masterstrokes in their execution. The font, specifically, is Graphik LG web, a clean sans serif with geometric letterforms, though not particularly notable in many design contexts.
As for the specific verbiage, they’ve chosen to keep the copy simple, saving more creative headlines and wording for use elsewhere throughout the website. The heading simply reads “cookie settings” and below this a block of supporting copy. The Highloft collects two types of cookies; necessary cookies used for the website to function which can’t be disabled, and performance cookies, which help the company analyze site traffic. These are neatly collapsed and can be explored further by whirling down a chevron icon at the far right edge of each row.
And at the bottom of the banner they’ve used abnormally large pill shaped buttons with subtle hairline outlines to keep them light and airy. Highloft steers clear of biased nudging by presenting the three options—“Save,” “Decline all,” and “Accept all”—with equal prominence. This is a notable design choice, advocating for cookie consent choice without influence. Overall, this example is a sleek execution blending functionality with aesthetics.

About The Highloft
The Highloft is a great spot for photographers looking for a unique place to shoot. It works well for all manner of events, from business meetings and photoshoots to private parties. The space has a sleek, industrial vibe to it, clearly styled by a talented interior designer, or two.
Visit The Highloft