Consentfolio Cookie Banner Design Done Right
A compliant cookie banner gives "accept all" and "reject all" the same visual weight, sets nothing beyond exempt cookies until the visitor chooses, and avoids any wording or styling that nudges the visitor towards accepting. The ICO's test is equal prominence: rejecting must be as easy as accepting. Most banners that fail do so on design, not on missing a feature, because they make "accept" a bright button and hide "reject" behind an extra click.
Good banner design is compliance you can see. If a regulator can tell at a glance that reject is harder than accept, the design has already failed.
The rules that govern the layout
| Rule | What it means for the design |
|---|---|
| Equal prominence | Reject is as visible and easy to click as accept: same size, weight and position |
| No pre-ticked boxes | Category toggles for non-essential cookies default to off |
| No consent by default | Nothing non-essential fires until the visitor acts |
| No dark patterns | No greyed-out reject, no buried settings, no guilt wording |
| Clear categories | Plain labels for what each group of cookies does |
Common design mistakes
- Accept is a button, reject is a link. Different visual weight fails equal prominence.
- Reject is one level down. If accepting takes one click and rejecting takes two, the design nudges.
- Pre-ticked toggles. Sliders defaulting to on are not consent.
- Confusing wording. "Accept to continue" or a sad-face reject option are dark patterns.
- The banner loads after the tags. A late banner means the cookies are already set. See how cookie consent works.
Designing for both compliance and conversion
Equal prominence does not mean an ugly banner. You can keep your brand colours, position and copy, as long as accept and reject carry the same weight and the reject path is not buried. A clear, honest banner often earns more genuine acceptances than a manipulative one, because visitors trust it. See UK cookie law explained for the rules and cookie banner software for a banner built to them, with customisable colours, position and buttons.
Frequently asked questions
Does "reject all" have to be on the first screen? Yes. Equal prominence means reject is as easy to reach as accept, so hiding it behind a "manage settings" click fails the test.
Can I style the accept button more prominently? No. The ICO expects accept and reject to have equal visual weight. You can brand the banner, but not weight it towards accepting.
Are pre-ticked cookie categories allowed? No. Toggles for non-essential cookies must default to off. A pre-ticked box does not count as consent.
Written by Tudor Rusmanica, founder of Consentfolio. Tudor has spent over a decade in agency SEO, working where search performance meets data protection: the analytics, tagging and consent setups that keep measurement useful and lawful. Connect on LinkedIn.
Published 13 July 2026. This guide is general information, not legal advice.